如何让用户知道我正在等待Redux数据库的响应？

// Redux action
const fetchTodos = () => {
  return async (dispatch) => {
    dispatch({ type: 'FETCH_TODOS_REQUEST' }); // 设置loading状态为true

    try {
      const response = await fetch('https://api.example.com/todos');
      const todos = await response.json();
      dispatch({ type: 'FETCH_TODOS_SUCCESS', payload: todos }); // 设置loading状态为false，并将响应数据传递给reducer
    } catch (error) {
      dispatch({ type: 'FETCH_TODOS_FAILURE', payload: error }); // 设置loading状态为false，并传递错误信息给reducer
    }
  };
};

// Redux reducer
const initialState = {
  todos: [],
  loading: false,
  error: null,
};

const todosReducer = (state = initialState, action) => {
  switch (action.type) {
    case 'FETCH_TODOS_REQUEST':
      return { ...state, loading: true };
    case 'FETCH_TODOS_SUCCESS':
      return { ...state, loading: false, todos: action.payload };
    case 'FETCH_TODOS_FAILURE':
      return { ...state, loading: false, error: action.payload };
    default:
      return state;
  }
};

// React component
const TodoList = () => {
  const todos = useSelector((state) => state.todos);
  const loading = useSelector((state) => state.loading);

  return (
    <div>
      {loading ? (
        <p>Loading...</p> // 根据loading状态展示加载状态
      ) : (
        <ul>
          {todos.map((todo) => (
            <li key={todo.id}>{todo.title}</li>
          ))}
        </ul>
      )}
    </div>
  );
};