如何使用redux在react中将action传递给子对象？

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

// 定义action创建函数
const addTodo = (text) => {
  return {
    type: ADD_TODO,
    payload: text
  };
};

// 定义reducer函数
const initialState = {
  todos: []
};

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case ADD_TODO:
      return {
        ...state,
        todos: [...state.todos, action.payload]
      };
    default:
      return state;
  }
};

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

// 在根组件中使用Provider组件传递store
ReactDOM.render(
  <Provider store={store}>
    <App />
  </Provider>,
  document.getElementById('root')
);

// 子组件中使用connect函数连接到Redux store
class ChildComponent extends React.Component {
  // 子组件中通过props访问状态和触发action
  render() {
    return (
      <div>
        <ul>
          {this.props.todos.map((todo, index) => (
            <li key={index}>{todo}</li>
          ))}
        </ul>
        <button onClick={() => this.props.addTodo('New Todo')}>Add Todo</button>
      </div>
    );
  }
}

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

const mapDispatchToProps = (dispatch) => {
  return {
    addTodo: (text) => dispatch(addTodo(text))
  };
};

export default connect(mapStateToProps, mapDispatchToProps)(ChildComponent);