关于redux是什么不再赘述,我直接说如何在函数时组件中使用@reduxjs/toolkit,在最新的版本中,createStore显示要被丢弃,使用createConfigure。
1.先创建react组件Count
按照我们正常的使用逻辑,redux是为react组件进行全局状态管理服务的,那么必须先知道这个react组件是干嘛的。
import React, { useRef ,useState} from 'react';
// 交给redux的状态就不用在组件中写了,count就不写,但它也可以有自己的状态
export default function Count(Props) {
const [count,setCount] = useState(0);
const selectNumber = useRef();
// const [carname,setCarname] = useState("奔驰");
const increment = () => {
setCount(count+selectNumber.current.value*1)
}
const decrement = () => {
setCount(count-selectNumber.current.value*1)
}
const incrementOdd = () => {
if (count % 2 !== 0) {
setCount(count+selectNumber.current.value*1)
}
}
const asyncIncrement = () => {