我正在使用 redux 制作一個基本的 Todo 應用程式,這是我第一次使用這些 redux 方法。我在添加 Todo 時遇到問題,輸入欄位沒有重置,我嘗試了各種方法,但似乎都不起作用。
例如:defaultValue、handleText 在單擊時將其恢復為空字串等。
堆疊上有類似的問題,但我的方法沒有。這是我的代碼。

減速器:

uj5u.com熱心網友回復:
為了重置輸入欄位的值,您只需將狀態值設定todos為空字串,您可以通過呼叫:
setTodos('');
當您想在點擊后執行此操作時,您可以在函式中呼叫setTodos以下方法:dispatchhandleClick
const handleClick = () => {
dispatch({ ... });
setTodos('');
};
此外,您可能希望初始化todos為空字串而不是陣列,因為它用作文本輸入的值:
const [todos, setTodos] = useState('');
uj5u.com熱心網友回復:
您在 TodoInput 中有一個錯誤。
而不是const [todos, setTodo] = useState([])你應該const [todo, setTodo] = useState("")在你的 HandleClick 方法中使用類似的東西,你應該使用setTodo("").
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/322551.html
標籤:javascript html 反应 还原
