如何使用React和Redux将调度映射到递归嵌套组件中的属性？

// 安装React和Redux

// 创建Redux store
import { createStore } from 'redux';
import rootReducer from './reducers'; // 组合的reducers

const store = createStore(rootReducer);

// 创建React组件
import React from 'react';
import { connect } from 'react-redux';

class MyComponent extends React.Component {
  render() {
    const { schedule } = this.props;
    
    return (
      <div>
        <h1>Schedule: {schedule}</h1>
        {schedule.map(item => (
          <ChildComponent key={item.id} scheduleItem={item} />
        ))}
      </div>
    );
  }
}

// 连接React组件和Redux store
const mapStateToProps = state => ({
  schedule: state.schedule // 映射schedule状态到props
});

export default connect(mapStateToProps)(MyComponent);

// 递归嵌套组件
const ChildComponent = ({ scheduleItem }) => {
  return (
    <div>
      <h2>{scheduleItem.title}</h2>
      {/* 可以根据属性值进行相应的操作 */}
    </div>
  );
};

// 使用React组件
import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import MyComponent from './MyComponent';
import store from './store';

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