在 React (redux) 中重置輸入字段

Question

我正在使用 redux 制作一個基本的 Todo 應用程序，這是我第一次使用這些 redux 方法。 我在添加 Todo 時遇到問題，輸入字段沒有重置，我嘗試了各種方法，但似乎都不起作用。

例如：defaultValue、handleText 在單擊時將其恢復為空字符串等。

堆棧上有類似的問題，但我的方法沒有。 這是我的代碼。

減速器：

Answer 1

為了重置輸入字段的值，您只需要將todos的狀態值設置為空字符串，您可以通過調用：

setTodos('');

當您想在點擊后執行此操作時，您可以在handleClick函數中調用setTodos以進行dispatch ：

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

此外，您可能希望將todos初始化為空字符串而不是數組，因為它用作文本輸入的值：

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