Dash如何编写接收随radio-item选择动态存在的多输入的Callback

报错的根本原因是：只要组件被列入回调的Input/State参数，Dash默认要求该组件在初始页面加载时就存在于布局中，动态新增/删除组件时，未渲染的组件不存在于DOM树，就会触发"A nonexistent object was used in an Input of a Dash callback"报错。

方案1：控制组件显隐（优先推荐，实现成本最低） #

核心逻辑：不动态增删下拉框和输入框，两个组件默认都写入布局，通过display样式控制显示/隐藏，单选框切换时仅修改两个组件的显示属性，保证两个组件始终存在于DOM树中，从根源避免不存在的报错。

完整代码示例：

import dash
from dash import dcc, html, Input, Output, State, callback

app = dash.Dash(__name__)

app.layout = html.Div([
    # 单选框组件
    dcc.RadioItems(
        id="select-type",
        options=[{"label": "默认值", "value": "default"}, {"label": "手动选择", "value": "custom"}],
        value="default"
    ),
    # 下拉框 默认显示
    dcc.Dropdown(
        id="value-dropdown",
        options=[{"label": f"选项{i}", "value": i} for i in range(1,6)],
        value=1,
        style={"display": "block"}
    ),
    # 输入框 默认隐藏
    dcc.Input(
        id="value-input",
        type="text",
        placeholder="请输入内容",
        style={"display": "none"}
    ),
    html.Button("Submit", id="submit-btn", n_clicks=0),
    html.Div(id="output-result")
])

# 回调1：根据单选框值切换两个控件的显隐
@callback(
    Output("value-dropdown", "style"),
    Output("value-input", "style"),
    Input("select-type", "value")
)
def toggle_component(select_val):
    if select_val == "default":
        return {"display": "block"}, {"display": "none"}
    else:
        return {"display": "none"}, {"display": "block"}

# 回调2：提交逻辑，两个控件都作为State传入不会报错
@callback(
    Output("output-result", "children"),
    Input("submit-btn", "n_clicks"),
    State("select-type", "value"),
    State("value-dropdown", "value"),
    State("value-input", "value"),
    prevent_initial_call=True
)
def handle_submit(n_clicks, select_type, dropdown_val, input_val):
    if select_type == "default":
        current_val = dropdown_val
        return f"提交成功，选中的默认值为：{current_val}"
    else:
        current_val = input_val
        return f"提交成功，手动输入的值为：{current_val}"

if __name__ == "__main__":
    app.run_server(debug=True)

方案2：必须动态渲染组件的场景适配 #

如果业务逻辑要求必须动态增删控件（而非显隐），可以通过dcc.Store做中间值存储实现：

• 新增一个dcc.Store组件，专门存储当前激活控件的输入值
• 额外写一个同步回调，当下拉框/输入框的值发生变化时，实时把值同步到dcc.Store中
• 提交回调仅需要把按钮点击事件作为Input，单选框值、dcc.Store存储值作为State读取即可，不需要引入动态生成的控件作为回调参数，也就不会触发不存在报错。

内容的提问来源于stack exchange，提问作者hundredmiles