我是 React 新手,正在尝试学习 Redux。我想访问类中的存储,但它给了我一个错误:我不能在类中使用钩子。
当我在函数中使用此代码时(正如我在 YouTube 教程中看到的那样),它可以正常工作。我在这里进入商店的柜台。
function App() {
const counter = useSelector(state => state.counter);
return <div>{counter}</div>;
}
但是当我想在课堂上这样做时,它给了我一个错误,即我不能在课堂上使用钩子。
那么如何在类组件中访问我的商店 useSelector 或 useDispatch 呢?
As @左瑛也就是说,您的方法仅适用于功能组件。为了解决这个问题:
而不是这一行:
const counter = useSelector(state => state.counter);
您可以这样定义计数器状态:
const mapStateToProps = state => ({
counter: state.counter
});
然后对于调度你应该像这样使用它:
const mapDispatchToProps = () => ({
increment,
decrement
});
最后你将所有内容组合起来,如下所示:
export default connect(
mapStateToProps,
mapDispatchToProps()
)(App);
不要忘记导入increment
and decrement
从你的action
and connect
来自react-redux
module.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)