React应用程序设计过程中如何区分模块到底是state还是props?

Posted lishidefengchen

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React应用程序设计过程中如何区分模块到底是state还是props?相关的知识,希望对你有一定的参考价值。

根据官方文档,满足以下任意条件的模块,就不是State,原文如下:

1、Is it passed in from a parent via props? If so, it probably isn’t state.

2、Does it remain unchanged over time? If so, it probably isn’t state.

3、Can you compute it based on any other state or props in your component? If so, it isn’t state.

即:

  1. 如果是由props传递过来的,那么该模块就不是一个state;
  2. 如果所时间保持不变,那么该模块就不是一个state;
  3. 如果可以根据任何一个state或props来计算得出,那么该模块就不是一个state;

我上面的表述可能有些不恰当,我这里说的【模块】,请尽量理解为开发过程中我们划分出来的独立功能区域。

 

官方地址:https://reactjs.org/docs/thinking-in-react.html

 

以上是关于React应用程序设计过程中如何区分模块到底是state还是props?的主要内容,如果未能解决你的问题,请参考以下文章

React 是如何成为跨越前端开发鸿沟的桥梁?

如何使用 Jest 测试导入自定义原生模块的 React Native 组件?

React 架构的演变 - 从同步到异步

如何设计一个前端框架

软件测试过程中有哪些风险?

[react] React如何进行代码拆分?拆分的原则是什么?