未在redux中使用reactjs定义调度

const ADD_TODO = 'ADD_TODO';
const REMOVE_TODO = 'REMOVE_TODO';

const addTodo = (text) => {
  return {
    type: ADD_TODO,
    payload: text
  };
};

const removeTodo = (id) => {
  return {
    type: REMOVE_TODO,
    payload: id
  };
};

import { createStore } from 'redux';

const rootReducer = (state = initialState, action) => {
  // 根据动作类型更新状态
  switch (action.type) {
    case ADD_TODO:
      return {
        ...state,
        todos: [...state.todos, action.payload]
      };
    case REMOVE_TODO:
      return {
        ...state,
        todos: state.todos.filter(todo => todo.id !== action.payload)
      };
    default:
      return state;
  }
};

const store = createStore(rootReducer);

import { connect } from 'react-redux';

const TodoList = ({ todos, addTodo, removeTodo }) => {
  // 使用调度分发动作
  const handleAddTodo = () => {
    addTodo('New Todo');
  };

  const handleRemoveTodo = (id) => {
    removeTodo(id);
  };

  return (
    <div>
      <button onClick={handleAddTodo}>Add Todo</button>
      <ul>
        {todos.map(todo => (
          <li key={todo.id}>
            {todo.text}
            <button onClick={() => handleRemoveTodo(todo.id)}>Remove</button>
          </li>
        ))}
      </ul>
    </div>
  );
};

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

const mapDispatchToProps = {
  addTodo,
  removeTodo
};

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