React hooks 可以使用所有 React 特性，例如组件状态和生命周期方法，而无需类声明（只是函数组件）。这减少了样板文件、重复和协商使用容易出错的this关键字。此外，由于功能组合，它可以轻松地在不相关的组件之间隔离和共享公共状态管理逻辑。
然而，钩子并没有因为集中和可预测的状态容器的目的而取代 Redux。是否可以将 React 函数组件连接到 Redux，因为我想拥抱未来 React 的仅函数范式并仍然使用 Redux？
回答你的问题：
是否可以将 React 函数组件连接到 Redux？
是的，有可能，没有区别。简单的例子：
import { useState } from "react";
import { connect } from "react-redux";
const Foo = ({ bar, handleOnClick }) => {
const [foo, setFoo] = useState(true);
return (
<div onClick={handleOnClick}>
{foo}
<div>{bar}</div>
</div>
);
};
const mapStateToProps = state => ({
bar: state.bar
});
const mapDispatchToProps = dispatch => ({
handleOnClick() {
dispatch({ type: "foo" });
}
});
export const FooContainer = connect(
mapStateToProps,
mapDispatchToProps
)(Foo);
实际上，您可以在 Redux 文档中看到：
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句