如何将 html 列表添加到 dash 布局

Question

我需要动态地将单词列表添加到屏幕上特定位置的破折号布局（意味着单词列表随着时间而变化）：

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



app = dash.Dash(__name__)


trends =['python', 'flask', 'jave']

html_lists = []


trends =['python', 'flask', 'jave']

app.layout = html.Div(
    html.Div(
        className="trend",
        children=[
            html.Ui(
                for i in trends:
                    html.Li(i))
        ], )
    )
print(html_ul_list)
if __name__ == '__main__':
    app.run_server(debug=True)

我需要网页上的输出在屏幕右侧如下所示：

趋势

• Python

• 爪哇

• 等等 ...

Answer 1

你有几个小错误。我测试了这个并且它有效：

app = dash.Dash(__name__)

trends = ['python', 'flask', 'java']

app.layout = html.Div(
    html.Div(
        className="trend",
        children=[
            html.Ul(id='my-list', children=[html.Li(i) for i in trends])
        ],
    )
)

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

要动态更新此列表，您需要连接一个输出如下的回调：Output('my-list', 'children')。您可能已经知道回调将接受哪些输入，但这不是您帖子的一部分，因此我将其省略。