React（redux）中的重置输入字段

Question

我正在使用 redux 制作一个基本的 Todo 应用程序，这是我第一次使用 redux 的这些方法。我在添加 Todo 时遇到问题，输入字段没有重置，我尝试了各种方法，但似乎都没有用。

例如：defaultValue、点击 handleText 将其恢复为空字符串等

堆栈上有类似的问题，但我的方法没有。这是我的代码。

减速器：

Answer 1

为了重置输入字段的值，您只需将 todos 的状态值设置为一个空字符串，您可以通过调用：

setTodos('');

如果您想在点击后执行此操作，您可以在 handleClick 函数中的 dispatch 之后调用 setTodos：

const handleClick = () => {
  dispatch({ ... });
  setTodos('');
};

此外，您可能希望将 todos 初始化为空字符串而不是数组，因为它用作文本输入的值：

const [todos, setTodos] = useState('');

Reset input field in React (redux)