dcc.inputs点击Apply按钮后自动重置默认值，无法保留更新值求助

核心问题在于没有用状态容器持久化输入值，导致组件重渲染时被初始默认值覆盖。用以下方法可以解决：

1. 引入dcc.Store存储输入状态 #

dcc.Store是Dash的客户端存储组件，能在浏览器中保存数据，不会随组件重渲染丢失。把它加到布局里作为状态中转。

2. 编写两个关键回调 #

• 回调1：点击Apply时保存输入值到Store
  监听Apply按钮的点击事件，把所有输入框的当前值打包后存入Store。
• 回调2：从Store同步值到输入框
  监听Store的变化，一旦有新数据，就把值同步到对应的输入框，确保显示的是最新保存的值。

完整代码示例 #

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

app = dash.Dash(__name__)

# 布局：输入框 + Apply按钮 + 隐藏的Store
app.layout = html.Div([
    dcc.Input(id='input-1', type='text', placeholder='输入值1'),
    dcc.Input(id='input-2', type='number', placeholder='输入值2'),
    html.Button('Apply', id='apply-btn', n_clicks=0),
    dcc.Store(id='input-store', data={'input-1': '', 'input-2': 0})
])

# 回调1：点击Apply保存输入值到Store
@app.callback(
    Output('input-store', 'data'),
    Input('apply-btn', 'n_clicks'),
    State('input-1', 'value'),
    State('input-2', 'value'),
    prevent_initial_call=True  # 避免初始加载时触发
)
def save_inputs(n_clicks, val1, val2):
    # 处理空值情况，避免报错
    val1 = val1 if val1 else ''
    val2 = val2 if val2 else 0
    return {'input-1': val1, 'input-2': val2}

# 回调2：从Store同步值到输入框
@app.callback(
    [Output('input-1', 'value'), Output('input-2', 'value')],
    Input('input-store', 'data')
)
def update_inputs(store_data):
    return store_data['input-1'], store_data['input-2']

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

关键注意点 #

• 输入框的value不要硬写默认值，而是由回调从Store读取，这样初始加载时会用Store的初始数据，后续也能同步最新值。
• 加上prevent_initial_call=True避免初始加载时触发保存回调，防止覆盖初始状态。
• 处理空值：用户可能没输入就点击Apply，要给默认值避免Store存None导致报错。

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