在redux操作后获取更新状态

// 定义action类型
const UPDATE_STATUS = 'UPDATE_STATUS';

// 定义action创建函数
const updateStatus = (status) => {
  return {
    type: UPDATE_STATUS,
    payload: status
  };
};

// 定义reducer函数
const reducer = (state = '', action) => {
  switch (action.type) {
    case UPDATE_STATUS:
      return action.payload;
    default:
      return state;
  }
};

// 创建store
const store = createStore(reducer);

// 定义组件
class MyComponent extends React.Component {
  componentDidMount() {
    // 在组件挂载后，通过dispatch函数触发action来更新状态
    this.props.updateStatus('updated');
  }

  render() {
    return (
      <div>
        <p>Status: {this.props.status}</p>
      </div>
    );
  }
}

// 将store中的状态映射到组件的props中
const mapStateToProps = (state) => {
  return {
    status: state
  };
};

// 将action创建函数映射到组件的props中
const mapDispatchToProps = (dispatch) => {
  return {
    updateStatus: (status) => dispatch(updateStatus(status))
  };
};

// 使用connect函数将组件与Redux store连接起来
const ConnectedComponent = connect(mapStateToProps, mapDispatchToProps)(MyComponent);

// 渲染组件
ReactDOM.render(
  <Provider store={store}>
    <ConnectedComponent />
  </Provider>,
  document.getElementById('root')
);