如何在Shiny中正确移除已插入的UI组件？

你的核心问题是每次点击按钮时未彻底清除旧错误消息，且选择器匹配错误导致删除失效，可通过以下方式解决：

1. 给错误消息添加统一标识 #

为所有错误提示的<p>标签添加专属class，方便后续精准定位删除：

ui.p(f"App Error :: {test}", class_="app-error-message")

2. 先清除旧内容，再插入新结果 #

在循环插入新错误消息前，一次性删除所有旧的错误元素，避免循环内重复操作的冗余：

def server(input, output):
    @reactive.Effect
    @reactive.event(input.button_scan_directory, ignore_init=True, ignore_none=True)
    def output_scan_report():
        # 清除所有旧的错误消息
        ui.remove_ui(selector=".app-error-message")
        # 插入新的测试结果
        for test in test_results_output:
            ui.insert_ui(
                ui.p(f"App Error :: {test}", class_="app-error-message"),
                selector='#output_scan_report',
                where='afterEnd'
            )

完整修改后的代码 #

from shiny import App, reactive, ui, run_app

test_results = {'Test message #1':True, 'Test message #2':False, 'Test message #3': False}
test_results_output = ['Test message #2', 'Test message #3']

app_ui = ui.page_fluid(
    ui.input_action_button('button_scan_directory', 'Scan directory'),
    ui.output_ui('output_scan_report')
)

def server(input, output):
    @reactive.Effect
    @reactive.event(input.button_scan_directory, ignore_init=True, ignore_none=True)
    def output_scan_report():
        # 清除所有旧的错误消息
        ui.remove_ui(selector=".app-error-message")
        # 插入新的错误结果
        for test in test_results_output:
            ui.insert_ui(
                ui.p(f"App Error :: {test}", class_="app-error-message"),
                selector='#output_scan_report',
                where='afterEnd'
            )

app = App(app_ui, server)
run_app(app)

补充说明 #

• 选择器.app-error-message能精准匹配所有带该class的错误元素，比模糊匹配文本更可靠；
• 将删除操作放在循环外，避免重复执行删除逻辑，提升效率；
• 若后续测试结果为空，也不会残留旧内容，保证UI整洁。

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