react全局状态

import {
  configureStore,
  createSlice,
  createAsyncThunk,
} from "@reduxjs/toolkit";
export const app = createSlice({
  name: "app",
  // 初始化
  initialState: {
    showTool: false
  },
  
  reducers: {
    setUserInfo(state, { payload }) {
      state.userInfo = payload;
    }
    
  },
});

export const actions = app.actions;

export default configureStore({
  reducer: {
    app: app.reducer,
  },
});
import store, { actions } from '@/store/index.js'

const showTool = store.getState().app.showTool//获取
store.dispatch(actions.setShowTool(res.data))//更改
import {useDispatch, useSelector} from "react-redux";
import {actions} from "@/store/index.js";
 const dispatch = useDispatch();
 const showTool = useSelector(e => e.app.showTool);//获取
 dispatch(actions.setShowTool(true))//更改

你可能感兴趣的:(前端,react.js,javascript,前端)