语义UI React Dropdown或Select组件可以采用defaultValue属性,例如,我将其设置为状态:
<Dropdown
defaultValue={this.state.changes.campaignAgent || null}
问题是,它有效!因此,如果用户选择“垂直流体”选项卡菜单的其他部分,它将在右侧显示该选项卡的呈现内容。
问题是,有时渲染速度如此之快,以至于在窗格之间切换activeIndex时使用的状态值最终为空。令人困惑的是,状态是正确的,并且用户在表单中选择的内容实质上是正确的状态,但这是一个视觉错误,这是由于语义ui内的某种渲染竞争条件引起的。不确定是否可以执行某些操作来强制延迟窗格,请记住这些选项卡窗格是用于表单的。
我尝试在窗格上添加其他特定的条件逻辑,但是表单过于动态。我在表单字段上有defaultValue道具,并将选择集设置为状态,因此它们应该显示出来,不确定它们为什么会消失。
我希望当您在活动的“选项卡”窗格之间切换时,渲染JSX不应渲染得如此之快,以至于默认值设置为在组件组件状态下持久存在的状态值将被忽略,而在返回到选择该标签后。