从Axios调用(post)获取数据后，在React文件之间“共享”数据的最佳方式

import { createStore } from 'redux';
import { Provider } from 'react-redux';
import rootReducer from './reducers'; // 根据需要导入 reducers

const store = createStore(rootReducer);

ReactDOM.render(
  <Provider store={store}>
    <App />
  </Provider>,
  document.getElementById('root')
);

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

export const setData = (data) => ({
  type: SET_DATA,
  payload: data,
});

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

const initialState = {
  sharedData: null,
};

const rootReducer = (state = initialState, action) => {
  switch (action.type) {
    case SET_DATA:
      return {
        ...state,
        sharedData: action.payload,
      };
    default:
      return state;
  }
};

export default rootReducer;

import { connect } from 'react-redux';

const MyComponent = ({ sharedData }) => {
  // 使用 sharedData 渲染组件内容
  return (
    <div>{sharedData}</div>
  );
};

const mapStateToProps = (state) => ({
  sharedData: state.sharedData,
});

export default connect(mapStateToProps)(MyComponent);