我正在制作一個像雅虎郵件系統這樣的網站,我需要在那里制作草稿訊息,我希望只要有人在任何領域寫作并且當他離開頁面而沒有提交該表格時,該表格就會保存在草稿訊息陣列中,請指導我,我正在使用 React js 作為前端
我確實嘗試使用 useeffect 來完成它,因為 useeffect 只是通過訪問這個頁面就可以作業所以它沒有用
uj5u.com熱心網友回復:
只有 useEffect 是不夠的,你還需要有組件狀態(useState)。然后在每次輸入更改時更新狀態和草稿訊息陣列(您可能需要為此發出發布請求)。是這樣的:
const [message, setMessage] = useState("");
useEffect(() => {
//if there is draft message, get it and set it in state
}, []);
const onInputChange = (val) => {
setMessage(val);
//set your message to drafts and remove it from there as soon as it is submitted
}
<input onChange={(e) => onInputChange(e.target.value)} />
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/535688.html
