如何在短划线回调的值之前显示一些文本？

Question

使用Plotly-Dash，我有一行html.H6(id='output_div')显示一个整数（比如10）

我想在这个整数之前显示一些文本（比如说“thisisinteger”）。我不能在回调函数中使用{}.format()，因为我需要在另一个回调函数中输入该整数

我如何修改html.H6(id='output_div')以在单行上显示“这是整数10”而不是“10”

Answer 1

使用html.Span是一种方法

您的布局将包含：

html.H6(
    id='output-1',
    children=[
        'This is integer ',
        html.Span(id='output-2', children=''),
    ]
)

您的回调输出只将整数输出到'output-2'。然后，您可以使用'output-2'的children作为Input其他地方的Input将该整数读回回调。如果需要将'output-1'{}属性更改为"This is a float"或"This is a string"之类的内容，也可以更新该属性