reactjs - 在 React 中将 props 设置为 state

标签 reactjs react-redux

我正在当前的项目中使用react-redux,在寻找react智慧的过程中,我遇到了一个我不理解的“约定”。 其他程序员倾向于在构造函数中放置一个 prop to state right。这是为什么? 我从未在官方文档中看到过它,从那里我了解到这两者是保存和共享数据的两种不同的东西。 它有什么用处还是只是个人喜好?

谢谢。

最佳答案

这听起来像是一种模式,当您需要来自组件外部的一些初始值,但随后想要忽略或不立即影响外部(通过例如在每个值更改时调度 Redux 操作)。

例如,也许您有一个表单,应该预先填充组件通过 mapStateToProps 或类似方式从外部(Redux 状态)获取的一些值。您可以让每个表单字段 onChange 分派(dispatch)一个更改 Redux 状态的操作,导致传入的 props 发生更改,然后使用新值重新渲染表单。 或者也许您发现这太过分了。也许您满足于将不断变化的表单数据保留在组件内部状态中,直到用户实际提交表单,然后只有分派(dispatch)一个操作来发布表单数据,更改 Redux 状态并通过新的 Prop (如成功状态)一直延伸到表单组件。

关于reactjs - 在 React 中将 props 设置为 state,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46153415/

相关文章:

css - 将 Material UI 按钮放置在行的最右侧

javascript - React-select 可创建 - 只允许一个创建的选项

javascript - Redux - 了解返回函数的高级 mapStateToProps

javascript - 是否可以在 JS 类的构造函数中调用获取初始数据的异步函数?

javascript - React 路由器部署后不起作用

javascript - 使用 Redux 作为初始组件状态

javascript - React-Redux 有多少种使用方法? Redux-thunk vs Redux-Saga?

react-native - React Navigation - goBack() 会自动调用堆栈导航器屏幕

javascript - 'styled-component' : Error: Invalid hook call 问题

javascript - 使用 Object.assign 更新嵌套对象