如何使用redux在react中获取数据？

npm install redux react-redux

import { createStore } from 'redux';

const initialState = {
  data: null
};

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

const store = createStore(reducer);

import { Provider } from 'react-redux';

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

import { connect } from 'react-redux';

function fetchData() {
  return dispatch => {
    // 异步获取数据的逻辑
    fetch('https://api.example.com/data')
      .then(response => response.json())
      .then(data => {
        dispatch({ type: 'SET_DATA', payload: data });
      });
  };
}

class MyComponent extends React.Component {
  componentDidMount() {
    this.props.fetchData();
  }

  render() {
    // 渲染组件
  }
}

export default connect(null, { fetchData })(MyComponent);

import { connect } from 'react-redux';

class MyComponent extends React.Component {
  render() {
    const { data } = this.props;

    // 使用获取到的数据进行渲染
  }
}

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

export default connect(mapStateToProps)(MyComponent);