加盟网站模板,泰州专业网站建设公司,抖音seo软件工具,wordpress如何添加自定义链接关于redux的学习过程需要几个官网#xff0c;有redux官网#xff0c;React Redux官网和Redux Toolkit的官网。 其中后者的中文没有找到#xff0c;不过其中的使用在React Redux官网的快速入门中有介绍。 现在一般不使用connect借接口了。 对于借助Redux Toolkit的React Redu…关于redux的学习过程需要几个官网有redux官网React Redux官网和Redux Toolkit的官网。 其中后者的中文没有找到不过其中的使用在React Redux官网的快速入门中有介绍。 现在一般不使用connect借接口了。 对于借助Redux Toolkit的React Redux的应用示例可以看这个链接 https://blog.csdn.net/2202_75616310/article/details/134661399
注意组件中使用state是从注册store的js的reducer里的key进行取用。useSelector((state) state.counter2.value);这里的state是全局的state。 注册store的js
import { configureStore } from reduxjs/toolkit;
import counterReducer from ../features/counter/counterSlice;export default configureStore({reducer: {counter2: counterReducer,},
});组件使用store的js
import React from react;
import { useSelector, useDispatch } from react-redux;
import { decrement, increment } from ./counterSlice;
import styles from ./Counter.module.css;export function Counter() {const count useSelector((state) state.counter2.value);const dispatch useDispatch();return (divdivbuttonaria-labelIncrement valueonClick{() dispatch(increment())}Increment/buttonspan{count}/spanbuttonaria-labelDecrement valueonClick{() dispatch(decrement())}Decrement/button/div/div);
}
