阻止所有组件呈现

Question

const list = {
   components: [<ComponentOne key={1}/>, <ComponentTwo key={2}/>]
}

但是当我从ComponentOne切换到ComponentTwo，然后回到ComponentOne时，它被重新构建，我失去了在ComponentOne中已经做过的一切

是否有一种方法，当创建的组件没有呈现时，它不会丢失其所有状态？

Answer 1

我可以看到两种实现你想要的选择：

1. 管理组件之外的状态
2. 呈现所有组件，但只显示当前组件

列表中的所有he组件都将是无状态的（没有useState或This。state定义），他们的状态将在外部管理并作为道具传递。

const [ state, setState ] = useState()
const list = {
   components: [ComponentOne, ComponentTwo]
}
const CurrentComponent = list.components[index]

return <CurrentComponent state={state} setState={setState} />