将状态传递给具有react导航和redux的子项？

// 父组件
import React from 'react';
import { connect } from 'react-redux';
import { BrowserRouter as Router, Route, Link } from 'react-router-dom';

// 定义Redux的reducer和action

// 父组件
class ParentComponent extends React.Component {
  render() {
    return (
      <Router>
        <div>
          <nav>
            <ul>
              <li>
                <Link to="/">Home</Link>
              </li>
              <li>
                <Link to="/child">Child</Link>
              </li>
            </ul>
          </nav>

          <Route exact path="/" component={Home} />
          <Route path="/child" component={Child} />
        </div>
      </Router>
    );
  }
}

// 子组件
class ChildComponent extends React.Component {
  render() {
    // 在子组件中使用父组件传递的状态
    console.log(this.props.myState);

    return (
      <div>
        <h2>Child Component</h2>
      </div>
    );
  }
}

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

// 使用connect函数连接Redux和React组件
const ConnectedChildComponent = connect(mapStateToProps)(ChildComponent);

export default ParentComponent;