我正在使用Dash（plotly的python Web平台）构建多选项卡Web应用程序。 根据{{​​3}}的以下指令，我将制表符内容呈现为回调，这是该指令的首选方法。

现在在其中一个标签中，我需要创建两个下拉菜单，第二个下拉菜单取决于第一个下拉菜单。我需要使用另一个回调函数来动态更新一个下拉列表，以响应另一个下拉列表。

我的代码如下：

import dash
from dash.dependencies import Input,Output
import dash_html_components as html
import dash_core_components as dcc

external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']

app = dash.Dash(__name__,external_stylesheets=external_stylesheets)

myList = ['A','B']
myDict = {'A': [1,2,3],'B': [4,5,6] }

app.layout = html.Div([
    html.H1('Dash Tabs component demo'),dcc.Tabs(id="tabs-example",value='tab-1-example',children=[
        dcc.Tab(label='Tab One',value='tab-1-example'),dcc.Tab(label='Tab Two',value='tab-2-example'),]),html.Div(id='tabs-content-example')
])


@app.callback(Output('tabs-content-example','children'),[Input('tabs-example','value')])
def render_content(tab):
    if tab == 'tab-1-example':
        return html.Div([
            html.H3('Tab content 1'),dcc.Dropdown( id='first-dropdown',options=[{'label':l,'value':l} for l in myList],value = 'A'
                          ),dcc.Dropdown(id='second-dropdown',multi=True),])
    elif tab == 'tab-2-example':
        return html.Div([html.H3('Tab content 2')])

@app.callback(
    dash.dependencies.Output('first-dropdown','options'),[dash.dependencies.Input('second-dropdown','value')])
def update_dropdown(value):
    return [ {'label': i,'value': i} for i in myDict[value] ]

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

我收到错误消息：

dash.exceptions.NonExistentIdException:
                            Attempting to assign a callback to the
                            component with the id "first-dropdown" but no
                            components with id "first-dropdown" exist in the
                            app's layout.

我认为这是因为我的选项卡是从回调生成的，第二次回调无法在选项卡中找到该组件。

有人知道我能做到吗？ 非常感谢你！