为什么我的Reducer接收不到我的操作？(使用React & Redux)

import { createStore } from 'redux';
import rootReducer from './reducers';

const store = createStore(rootReducer);

// 操作类型
const ADD_TODO = 'ADD_TODO';

// 操作创建函数
function addTodoAction(todo) {
  return {
    type: ADD_TODO,
    payload: todo
  };
}

// Reducer
function todosReducer(state = [], action) {
  switch (action.type) {
    case ADD_TODO:
      return [...state, action.payload];
    default:
      return state;
  }
}

import { useDispatch } from 'react-redux';
import { addTodoAction } from './actions';

function TodoForm() {
  const dispatch = useDispatch();

  const handleSubmit = (e) => {
    e.preventDefault();
    const todo = e.target.todo.value;
    dispatch(addTodoAction(todo));
    e.target.todo.value = '';
  };

  return (
    <form onSubmit={handleSubmit}>
      <input type="text" name="todo" />
      <button type="submit">Add Todo</button>
    </form>
  );
}

import { connect } from 'react-redux';

function TodoList({ todos }) {
  return (
    <ul>
      {todos.map((todo, index) => (
        <li key={index}>{todo}</li>
      ))}
    </ul>
  );
}

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

export default connect(mapStateToProps)(TodoList);