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

lishidefengchen lishidefengchen     2022-10-28     241

关键词:

根据官方文档,满足以下任意条件的模块,就不是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

 

软件设计的基本原理

那么今天会展开一个新的模块:软件设计的基本原理 其模块的主要特点是:1.模块化模块在程序中是数据说明可执行语句等程序对象的集合,或者是单独命名和编址的元素,如高级语言中的过程、函数、子程序等。模块具有... 查看详情

转发程序员经常说的「设计模式」到底是什么?

当程序员说去「设计模式」时,你是否会一脸懵逼,到底什么是设计模式呢?很多人应该听说过设计模式(Designpattern),又或多或少的看过或用过设计模式,但是实际用在开发过程中总有点心有余而力不足的感觉。那肯定是对... 查看详情

如何在 React 应用程序中使用 CSS 模块应用全局样式?

】如何在React应用程序中使用CSS模块应用全局样式?【英文标题】:HowtoapplyglobalstyleswithCSSmodulesinareactapp?【发布时间】:2017-02-0920:37:27【问题描述】:我目前正在使用带有React的CSS模块来进行样式设置。所以我的每个组件都在其... 查看详情

权限设计

...的关系吗?角色到底承接了什么作用。如何进行合理的表设计。安全框架。 1.什么是权限 在很多与开发者也好,与客 查看详情

问卷调查

...“高内聚,低耦合”吗?这个原则如何应用到高质量程序设计中?答:不知道,不是很懂2.7学了C语言,你如何 查看详情

如何在 React/TypeScript 应用程序中的模块方法上获取 VSCode 智能感知?

】如何在React/TypeScript应用程序中的模块方法上获取VSCode智能感知?【英文标题】:HowtogetVSCodeintellisenseonmodulemethodsinaReact/TypeScriptapp?【发布时间】:2020-12-1012:01:09【问题描述】:我将一个Node/JavaScript网站转换为React/TypeScript(create-r... 查看详情

如何在 swift iOS 中使用非 UI react-native 模块

...ative的超级新手,所以请放轻松:)说,我需要在我的iOSswift应用程序中显示一个react-native屏幕,官方的方法是使用RCTRootView,我们将提供它的构造函数之一,即RCT 查看详情

如何在 expo/react-native 应用程序中添加自定义节点模块?

】如何在expo/react-native应用程序中添加自定义节点模块?【英文标题】:Howtoaddcustomnodemoduleinexpo/react-nativeapps?【发布时间】:2019-10-2419:22:07【问题描述】:我正在尝试在react-native中为android设备创建一个自定义插件,它可以从应用... 查看详情

到底啥是socket?

...网络打道的其实是各种API接口。本篇文章就来聊一下网络应用程序员最熟悉的Socket这个东西,抛开生涩的计算机网络理论,从应用层的角度来理解到底什么是Socket。对于Socket的认识,本文将从以下几个方面着手介绍:1)Socket是... 查看详情

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

...三可能要离职”,“开发提交代码可能会延期”吧? 设计方面:风险:(1)没有详细设计说明书;解决方案:测试人员要在开发阶段对相关设计及需求文档进行分析,对大体模块功能进行分类,分析业务逻辑,在不清楚的地方及... 查看详情

我如何使用本机 swift 代码中的 react 本机 RCNAsyncStorage 模块

...时间】:2019-05-1312:23:57【问题描述】:我有一个react本机应用程序,我在其中使用RNCAsyncStoragenpm模块进行简单的数据持久性。然而,我的iOS版本的应用附带了一个共享扩展,而这个共 查看详情

如何在 react-native 中动态加载模块?

...2-2604:45:27【问题描述】:我目前正致力于在我的react-native应用程序中添加对Sentry.io的支持。我使用react-native-sentry包,并且有一个要求:只有在某些常量设置为真时才应该导入包,例如SHOULD_USE_SENTRY。所有 查看详情

React 钩子 useRef() 如何在幕后工作?那个参考到底是啥?

】React钩子useRef()如何在幕后工作?那个参考到底是啥?【英文标题】:HowdoesReacthookuseRef()workunderthehood?Whatisthatreferenceexactly?React钩子useRef()如何在幕后工作?那个参考到底是什么?【发布时间】:2019-08-2602:08:23【问题描述】:我... 查看详情

架构师成长之路:到底啥是架构设计?该如何理解架构设计?

参考技术A架构设计是一个大家耳熟能详的词,基本都烂大街了。可是,到底什么是架构设计呢?估计很多人就回答不上来了。下面就来详细聊聊什么是架构设计,以及对架构设计的一些基本认识。软件架构设计指的是:对一个... 查看详情

7.调查问卷

...内聚,低耦合”吗?这个原则如何应用到高质量程序设计中?不知道,现在暂时还不会利用这个原则实践到高质量程序设计里面。2.7学了C 查看详情

第三次作业

...中,单元测试(又称为模块测试)是针对程序模块(软件设计的最小单位)来进行正确性检验的测试工作。程序单元是应用的最小可测试部件。在过程化编程中,一个单元就是单个程序、函数、过程等;对于面向对象编程,最小单... 查看详情

React 中的 Typography 组件到底是啥?

...我已经阅读了docs,这是定义:使用排版清晰地展示您的设计和内容尽 查看详情

如何从 React 中的外部模块正确加载 CSS?

...发布时间】:2019-08-2107:54:24【问题描述】:在我的react.js应用程序中,我尝试使用外部模块(ReactToastify)使用以下语句:importToastContainer,toastfrom\'react-toastify\';import\'react 查看详情