javascript – Flux React：何时在商店保持可视组件的状态

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Flux React：何时在商店保持可视组件的状态，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1074字，纯文字阅读大概需要2分钟。

内容图文

有时它不明显：我应该保持React视图的状态,即活动标签,选择的选项,切换器值,输入验证标志？

实际上有两种选择：

>抛出一个动作并保存该数据
>将该数据保持为视图的状态

哪个更好？商店是否仅用于服务器的数据？

我的考虑：

>保存这些数据是不好的,因为这会导致一系列行动.示例：您需要在选项卡选择上下载数据 – 因此您触发一个操作NEW_TAB_SELECTED,并从处理它的商店触发一个新操作DOWLOAD_TAB_DATA.
>在视图中保留数据允许避免第一个操作(NEW_TAB_SELECTED)并避免操作链.但是,如果我想离开此视图,如何保留选定的标签？

解决方法:

应该保留在组件状态中的事情只会影响该组件.

因此,例如,如果您打开一个组件以显示更多内容,那么isOpen标志可以保持在状态,因为它在组件内部.

如果信息不是组件的一部分(例如消息的文本以及消息是否已被读取),则应将其保存在商店中并根据需要通过应用程序进行传播.

更改组件的状态将导致它重绘,因此请尝试将状态保持为其状态的最小可能表示,并仅将这些属性存储在this.state中.

因此,从我可以从您的问题中收集到的内容,我建议保持活动选项卡,选定选项,切换器值以及是否在this.state中验证输入.它们是组件的所有属性,但不影响任何其他组件.我会保留在商店中填充视图的数据.我会在this.state中保留指示视图状态的标志.

希望有所帮助.

内容总结

以上是互联网集市为您收集整理的javascript – Flux React：何时在商店保持可视组件的状态全部内容，希望文章能够帮你解决javascript – Flux React：何时在商店保持可视组件的状态所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---