Plotly Dash应用程序在动态生成组件时似乎不会更新app.layout属性

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

app = dash.Dash(__name__)

@app.callback(Output('dynamic-component', 'children'),
              [Input('button', 'n_clicks')])
def update_layout(n_clicks):
    # 根据需要动态生成的组件属性和结构，可以根据业务逻辑进行修改
    component = html.Div([
        html.H1(f'Button clicked {n_clicks} times'),
        dcc.Graph(
            id='example-graph',
            figure={
                'data': [
                    {'x': [1, 2, 3], 'y': [4, 1, 2], 'type': 'bar', 'name': 'SF'},
                    {'x': [1, 2, 3], 'y': [2, 4, 5], 'type': 'bar', 'name': u'Montréal'},
                ],
                'layout': {
                    'title': 'Dash Data Visualization'
                }
            }
        )
    ])

    return component

app.layout = html.Div([
    html.Button('Click Me', id='button'),
    html.Div(id='dynamic-component')
])