reactjs - 将 React Hook 和 redux 一起用于 React 功能组件是不是很糟糕?

标签 reactjs redux react-hooks react-functional-component

我正在对局部变量使用 react 钩子(Hook),例如
const [something, setSomthing] = useState('')
和 redux 用于使用 store 和 Provider 存储通过整个组件传递的变量。

但有人告诉我我不应该同时使用 React Hooks 和 Redux。
有人可以解释为什么,如果不应该,我应该如何在函数组件中存储局部变量?

最佳答案

Redux 和本地状态一直是一起使用的。钩子(Hook)用于重现您可以存储在基于类的组件中的本地状态,但使用功能组件代替。
就像您在问题中所说的那样,状态 Hook 用于保持组件的本地状态,而 redux 用于保持应用程序的全局状态。
它们彼此之间并非不相容。假设您有一个保留计数器的组件,但该计数器仅由该组件在本地使用。在这种情况下,您将使用钩子(Hook)来保持计数器的状态。
现在假设您的应用程序的要求发生了变化,现在您的应用程序中的其他组件需要使用该计数器(具有相同值的特定计数器,而不是不同的计数器)。在这种情况下,计数器必须移动到 redux 全局状态。
我希望这能回答你的问题。

关于reactjs - 将 React Hook 和 redux 一起用于 React 功能组件是不是很糟糕?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59388810/

相关文章:

reactjs - Redux 性能缓慢

reactjs - React Context 未将类更新为值

reactjs - 取消路由更改请求(React/Redux/Axios)

reactjs - 如何为react-stripe-elements创建useStripe钩子(Hook)

reactjs - 如何等待上下文值被设置| react 钩子(Hook)

javascript - 收到有关对象作为 React 子对象无效的错误

reactjs - Openlayers GeoJSON 位于错误的位置

reactjs - React 动态下载组件并从所有子组件获取数据

javascript - 如何自定义嵌套组件?

javascript - 无法在React中输入InputType 'text'