reactjs - 使用redux、反模式时在react叶组件中设置this.state?优点/缺点

标签 reactjs redux

在不接触 Redux 的 Leaf 组件中设置和保持状态是反模式吗?

例如,假设一个项目有一个叶节点,其状态如下:modalIsOpenbuttonIsDisabledcountOfObjects

该叶节点具有跟踪这些状态并根据需要修改它们的功能。这样,它就是 Redux 出现之前的一个简单的 React 组件。它是完全模块化且可重用的,因为您不必重新实现任何 Redux 操作,例如如果要抛出此错误,则需要连接到您的组件的 toggleModal 函数另一个项目中的组件。 (假设没有其他组件需要这些简单状态)

那么给出这个例子,这是一个反模式吗?这样做有什么好处和坏处?在决定是否要像这样制作叶节点之前,我想评估任何优点和缺点。

最佳答案

这不是反模式。如果状态仅影响组件的视觉模板且与某些共享数据无关,则可以在叶子组件中使用状态。所以,不要对 Redux 模式和 React-ways 太狂热。 写出优雅可读的代码,事后可以得到你和你的队友的支持,做出一个产品))

关于reactjs - 使用redux、反模式时在react叶组件中设置this.state?优点/缺点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39013601/

相关文章:

javascript - 如何在没有 Now 的情况下在本地构建 NextJS 项目

javascript - 具有动态路由的 react 路由器在浏览器直接链接上给出 404

node.js - 将 Express React Redux 模板部署到 Heroku 的步骤

javascript - 如何在 React 中使用 Tailwindcss 转换 div

reactjs - React/redux : In which lifecycle methods is it allowed/forbidden/frowned upon/encouraged to dispatch actions? 为什么?

initialization - Redux 中的初始化状态问题为 "@@redux/init"

javascript - 在 React 组件中执行另一个 JS 文件中的函数

node.js - 如何使用expressjs在React中上传图像

redux - 如何调度基于另一个异步操作结果的多个异步操作?

javascript - 使用Redux状态初始化axios客户端