React - Redux Hooks的使用细节详解

import React, { useState } from 'react';
import { useDispatch } from 'react-redux';
import { addTodo } from './actionCreators';
 
// 使用Redux Hooks来管理状态和触发动作
export const TodoAdder = () => {
  const [todoText, setTodoText] = useState('');
  const dispatch = useDispatch();
 
  const handleAddTodo = () => {
    if (todoText) {
      dispatch(addTodo(todoText));
      setTodoText('');
    }
  };
 
  return (
    <div>
      <input
        type="text"
        value={todoText}
        onChange={(e) => setTodoText(e.target.value)}
      />
      <button onClick={handleAddTodo}>Add Todo</button>
    </div>
  );
};

这段代码展示了如何使用React的Hooks API (useState 和 useDispatch) 以及Redux的useDispatch Hook来管理组件状态并且通过Redux的dispatch函数来触发动作（action）。这是目前在React和Redux中处理状态和异步操作的推荐做法。