react-redux存储数据缩减器设置器

// actions.js
export const SET_DATA = 'SET_DATA';

export function setData(data) {
  return {
    type: SET_DATA,
    payload: data
  };
}

// reducer.js
import { SET_DATA } from './actions';

const initialState = {
  data: null
};

function dataReducer(state = initialState, action) {
  switch (action.type) {
    case SET_DATA:
      return { ...state, data: action.payload };
    default:
      return state;
  }
}

export default dataReducer;

// store.js
import { createStore } from 'redux';
import dataReducer from './reducer';

const store = createStore(dataReducer);

export default store;

// App.js
import React from 'react';
import { useSelector, useDispatch } from 'react-redux';
import { setData } from './actions';

function App() {
  const data = useSelector(state => state.data);
  const dispatch = useDispatch();

  const handleSetData = () => {
    dispatch(setData('New Data'));
  };

  return (
    <div>
      <p>{data}</p>
      <button onClick={handleSetData}>Set Data</button>
    </div>
  );
}

export default App;