所以我有一个仅基于activeTab
州的自定义标签组件:
<View style={styles.contentDisplayArea}>
{ this.state.activeTab == "Children" && <Children /> }
{ this.state.activeTab == "Adults" && <Adults /> }
</View>
<Children />
和<Adults />
组件是具有嵌套表单的导入组件。当Adults
处于有效状态时,我会获得<Adults />
组件,我会使用TextInput
字段填写成人姓名和年龄,然后点击Children
标签并获取{{1 }} 零件。当我回到<Children />
标签时,我希望我填写的相同字段在那里,但似乎组件返回到其初始状态,而我填写的字段是emtpy。
那么,我如何重用已填写的相同组件(实例/引用/缓存)而不是获得新渲染的空组件?