tabs组件，切换tabitem的时候，如何缓存之前其它tabiten内组件的状态

Question

老师，您好！
还是基于当前这个tabs组件的作业的实现，我想额外达到的效果：
tabs组件，切换tabitem的时候，如何缓存之前其它tabitem内组件的状态，比如我再tab1里面有个输入框，输入了123，我切换到tab2后，再切换回来，tab1里面的输入框的内容就被重置重新渲染了，我要怎么才能缓存tabitem这个插槽里面内容的状态呢，还希望老师能为我解惑下，谢谢

Answer 1

张轩 2023-04-01 10:42:57

同学你好

我研究了一下，这个需求目前看来不是很好实现。
因为我们需要在表单发生变化的时候缓存一些状态。而且这个表单是千变万化的（假如是就一个确定的 Input），
所以要实现这个需求在我目前没有想到太好的方式。

应该是把表单的值都提到组件的外侧，通过外侧（App）中的值，将它作为一个受控组件。

• 提问者 慕妹8262677 #1

  我试过，把input组件的value抛到APP这一层，就相当于是在APP这一层通过usestate，给input组件value绑定值，但是到这里我就不清楚怎么去缓存外侧的APP里面的那些内容了，因为我把input组件值抛到APP这一层，由APP外面的数据控制的时候，切换item还是会清空

Answer 2

张轩 2023-03-31 20:17:37

同学你好 请问能否提供一下你的代码库？

我在本地帮你看一下，谢谢

• 提问者 慕妹8262677 #1

  老师，您好！这是我的代码库git地址：https://github.com/Potato-X/ui，还望老师麻烦为我给点建议，谢谢