如何去除Dash输出中的[]和''？实现无选择时无显示

我懂你想要的效果：没选中任何选项时，输出区域完全空白；选中选项后，只显示对应的文本内容，彻底去掉烦人的方括号[]和单引号''。咱们直接调整回调函数的逻辑就能搞定，下面是修改后的完整代码：

import dash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output, State
import time
external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']
app = dash.Dash(__name__, external_stylesheets=external_stylesheets)
app.layout = html.Div(children=[
    dcc.Checklist(id='my-checklist1', options=[
        {'label': 'New York City', 'value': 'NYC'},
        {'label': 'Montréal', 'value': 'MTL'},
        {'label': 'San Francisco', 'value': 'SF'}
    ], value=[] ),
    html.Div(id='my-div-checklist1'),
    html.Hr(),
    dcc.Checklist(id='my-checklist2', options=[
        {'label': 'New York City', 'value': 'NYC'},
        {'label': 'Montréal', 'value': 'MTL'},
        {'label': 'San Francisco', 'value': 'SF'}
    ], value=[], labelStyle={'display': 'inline-block'} ),
    html.Div(id='my-div-checklist2'),
    html.Hr(),
])
@app.callback(Output('my-div-checklist1', 'children'),
              [Input('my-checklist1', 'value'), Input('my-checklist2', 'value') ])
def prepare_data(categ1, categ2):
    # 将选中的选项列表转为空格分隔的字符串，空列表自动转为空字符串
    str1 = ' '.join(categ1)
    str2 = ' '.join(categ2)
    # 合并两个字符串，过滤掉空内容，避免多余空格
    combined_content = ' '.join([content for content in [str1, str2] if content])
    # 无选中内容时返回空，否则返回整理后的文本
    return html.Div(combined_content) if combined_content else ""

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

核心修改说明： #

• 用' '.join()方法把列表格式的选中项直接转成空格分隔的文本，自动消除方括号和单引号
• 通过列表推导式过滤空字符串，避免两个Checklist都没选中时出现无效的空格
• 最后做一个判断，无内容时返回空字符串，确保输出区域完全空白；有内容时返回整理好的纯文本

现在测试效果完全符合预期：

• 初始状态：输出区域啥都不显示
• 选中选项后：比如选中NYC和SF，会直接显示NYC SF

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