问题陈述：我有一个父组件，其中显示了React-Bootstrap选项卡。Tabs组件内部有2个选项卡，每个选项卡都有自己的状态。在父组件中的选项卡之间切换时，我需要清除子组件的状态。
例如，我的父组件显示“搜索”和“创建”选项卡。当我转到“创建”选项卡并执行创建功能时，创建选项卡会显示一些成功消息。现在，当我移至“搜索”选项卡并返回“创建”选项卡时，所有消息和输入字段仍显示我输入的先前值。但是，从“搜索”选项卡返回时，我需要清除“创建”选项卡的状态。
样例代码：
<Tab eventKey="search" title="Search">
<Search />
</Tab>
<Tab eventKey="create" title="Create">
<Create />
</Tab>
有没有可以用来清除子组件状态的反应生命周期方法？
Tabs接受布尔型道具unmountOnExit。<Create />重新进入组件时应重新实例化，有效重置其内部状态。
<Tabs unmountOnExit />
<Tab eventKey="search" title="Search">
<Search />
</Tab>
<Tab eventKey="create" title="Create">
<Create />
</Tab>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句