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

来源：6-11 Tabs 组件

慕妹8262677

2023-03-30

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

写回答

2回答

张轩

2023-04-01

同学你好

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

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

慕妹8262677

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

2023-04-01

共1条回复

张轩

2023-03-31

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

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

慕妹8262677

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

2023-03-31

共1条回复

React18+TS高仿AntD从零到一打造组件库

设计，开发，测试，发布再到 CI/CD，从0到1造轮子

2122 学习 · 959 问题

查看课程

相似问题

老师，antd-mobile中的popup组件在组件库中测试的时候可以用但是发布之后报错是什么原因？

回答 2

文件上传的状态是否可以抽象成一个自定义hooks

回答 1

老师您好，请问我想编写antd的代理组件，有什么好的解决方案吗？

回答 2

请求老师分享一下组件设计思路和需求文档

回答 1

做单元测试的时候，如何知道什么时候应该用什么api.

回答 2

打开慕课网App查看更多内容