首次渲染后，下拉菜单被禁用

Question

我有一个Dropdown，我选择了一个值，假设为“ myName”，然后单击一个按钮，它将在其中一个字段中显示一个表格，以“ myName”填充。但是存在UI问题。当我单击该表单按钮时，它将显示该表单，但“下拉列表”所选项目将消失。 我尝试调试，似乎第二次渲染时出现问题。它在commitRoot(root, finishedWork);文件中的名为react-dom.js的函数中失败，并且我不知道这是什么意思，因为我在这个领域非常新。

    render() {
    return (
        <Dropdown 
            className='titlebar__dropdown'
            options={this.myOptions}
            onChange={this.selectedNameChanged}
            selectedKey={PlanSelector.selectedName}
            placeholder='Select a Plan'
        />

在单击表单之前：

单击后，它不再显示选项：

Answer 1

您可能正在覆盖包含下拉列表值的属性的状态。

请确保您没有再次将其设置为“”。

单击按钮后，状态将发生更改，结果，将再次运行render（），因此该状态将被覆盖，请确保在单击按钮时保持状态，并检查是否要更改selectedNameChanged属性的状态。

希望这会有所帮助，如果不能，请提供单击按钮时调用的方法。

谢谢