Textual组件未刷新问题：reactive属性无法更新Label显示

你的问题核心在于：Label组件是在compose方法执行时一次性创建的，它的初始文本仅取了当时self.data的值（空字符串）。之后self.data变更时，Label的内容不会自动同步——因为它并没有和reactive属性建立持续的绑定关系，只是初始化时读取了一次值。

修正方案（推荐） #

使用watch装饰器监听data属性的变化，当数据更新时手动同步Label的内容：

from textual.app import App, ComposeResult
from textual.widgets import Header, Footer, Static, Input, Label
from textual.reactive import reactive
from textual import on

class TestBody(Static):
    data = reactive("")

    def compose(self) -> ComposeResult:
        yield Input()
        # 给Label设置唯一ID，方便后续定位组件
        yield Label(f"Data: {self.data}", id="data_label")

    @on(Input.Submitted)
    def on_input_submitted(self, message):
        self.data = message.value
        print("New data:", self.data)

    # 监听data属性的变化，自动触发更新逻辑
    @watch("data")
    def update_label_content(self, old_value, new_value):
        # 通过ID找到Label组件，更新其文本内容
        self.query_one("#data_label", Label).text = f"Data: {new_value}"

class MyApp(App):
    def compose(self) -> ComposeResult:
        yield Header()
        yield TestBody()
        yield Footer()

if __name__ == "__main__":
    app = MyApp()
    app.run()

为什么之前的refresh()没用？ #

self.refresh()只会触发当前组件的重新渲染，但compose方法不会重新执行——也就是说，已创建的Label组件不会被重新初始化，它的文本依然是初始值。只有手动更新Label的text属性，才能让界面同步最新的数据。

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