reactjs - 为什么反模式让 React 组件编辑自己的 props?

标签 reactjs anti-patterns

我正在寻找另一个问题的答案,我找到了这个答案( link )我只是好奇为什么修改它自己的 props 是一种反模式,为什么不修改它的 props自己的状态是不是和反模式?

最佳答案

在react中,props是在组件生命周期中不太可能改变的数据对象,而state是在组件的生命周期中可能会发生变化

它有助于创建明确的规则,规定开发人员应将可更改/不可更改的内容放置在何处。

通过准确地知道数据更改将严格来自父级(作为 props)或作为状态来自内部,可以非常快速地对更新页面使用react。

确切的函数会松散地检查状态/属性是否相同,然后 https://github.com/facebook/react/blob/master/src/renderers/shared/stack/reconciler/ReactCompositeComponent.js#L881-L883

我建议阅读有关如何 react “协调”更改数据并对 dom 进行更新的内容。 https://facebook.github.io/react/docs/reconciliation.html

关于reactjs - 为什么反模式让 React 组件编辑自己的 props?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38421693/

相关文章:

javascript - 如何使用 Map() 在 React 中创建 HTML 表格

javascript - 防止 react 简单 map 中的蓝色路径矩形

javascript - Angular 相互依赖的服务 : Avoiding circular dependncy

reactjs - Jest 手动模拟在 CRA 中不使用模拟文件

unit-testing - react : <input> value never updated in unit test

javascript - Egghead.io Redux 教程 - 第 17 课 : "TypeError: Cannot read property ' map' of undefined

.net - 何时将代码分离到新程序集(DLL)中

design-patterns - ServiceLocator 是反模式吗?

design-patterns - 我可以使用哪些编码或设计模式来强制执行所需的方法调用序列?

java - secret 握手反模式