如何从redux获取componentDidMount中的token？

import { createStore } from 'redux';

// 定义初始状态
const initialState = {
  token: ''
};

// 定义Reducer
const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'SET_TOKEN':
      return {
        ...state,
        token: action.payload
      };
    default:
      return state;
  }
};

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

import React, { useEffect } from 'react';
import { connect } from 'react-redux';

const MyComponent = ({ token, setToken }) => {
  useEffect(() => {
    // 在componentDidMount方法中获取token
    const token = getTokenFromAPI(); // 从API中获取token值，具体实现根据你的需求而定
    setToken(token); // 将获取到的token存储到Redux的store中
  }, []);

  return (
    <div>
      {/* 在组件中使用token */}
      <p>Token: {token}</p>
    </div>
  );
};

// 定义将状态映射到组件属性的函数
const mapStateToProps = (state) => ({
  token: state.token
});

// 定义将操作Redux存储的函数映射到组件属性的函数
const mapDispatchToProps = (dispatch) => ({
  setToken: (token) => dispatch({ type: 'SET_TOKEN', payload: token })
});

// 将组件与Redux存储连接起来
export default connect(mapStateToProps, mapDispatchToProps)(MyComponent);