Reactjs 如何设置react bootstrap typeahead的选定值

我创建了一个分为多个分区的员工表单，表单中的一个字段是主管，我正在使用react bootstrap typeahead对主管进行自动完成。选择值后，我能够获取所选值e，但当我使用导航按钮转到窗体的下一部分（单击下一步按钮时，我隐藏当前分区），然后再次返回到上一分区时，该值再次为空。我无法理解我做错了什么

<div className = "form-group row col-md-6">
     <label className="col-sm-4 col-form-label">Supervisor: </label>
          <div className = "col-sm-6">
               <Typeahead ref="typeahead"
                 labelKey={option => `${option.firstName} ${option.lastName}`}
                 onChange = {this.supervisorSelected}
                 options= {this.state.supervisorOptions}/>
          </div>
</div>

//onChange function
supervisorSelected(selectedSupervisor){
        console.log(selectedSupervisor);
        if(selectedSupervisor.length != 0){
            this.setState({
            selectedSupervisor : selectedSupervisor[0].employeeId,
        })
        console.log(this.state.selectedSupervisor);    
        }
    }

监督人：
`${option.firstName}${option.lastName}`}
onChange={this.supervisorSelected}
选项={this.state.supervisorOptions}/>
//onChange函数
选出的主管（选定的主管）{
console.log（选择的主管）；
如果（selectedSupervisor.length！=0）{
这是我的国家({
selectedSupervisor:selectedSupervisor[0]。员工ID，
})
console.log（this.state.selectedSupervisor）；
}
}

如果看不到完整的代码示例，很难提供帮助。根据您所描述的内容和您发布的代码，我猜导航会重置

this.state.supervisorOptions

，以便返回到第一节时它是空的。你能发布进行导航的代码吗？实际上，我只是隐藏了表单的一部分，并通过点击按钮@EricGio来显示其他部分。我明白，但是如果你在显示/隐藏组件的过程中安装/卸载组件，你将重新设置初始状态，从而丢失值。但是，正如我所说，查看所有代码会很有帮助。