React原生功能组件中的多个实例

Question

我正在使用我的文件的代码

const first = () =>{
return(
<View>
</View>)
}

我想创建第一个组件的多个实例，这样我就可以把它用作选项卡，我想保存组件的实例。我想创建新实例，如果我想使用旧实例，那么我会得到和创建新实例之前离开屏幕时相同的数据。任何人都可以帮助创建react功能组件的多个实例吗。当我想再次看到视图实例时，我该如何恢复它。

Answer 1

您可以使用React.useRef附加组件的实例。但是，您必须注意，firstInstance在重新渲染时始终相同。

function CompThatUsesInstances() {
const firstInstance = React.useRef(<First />);

return (
<View>
{firstInstance.current}
</View>
)
}