我有的一些州
const initialValues = {companyname:"", email:"", phone:"",website:""}
const [formValues, setFormValues] = useState(initialValues);
const [formErrors, setFormErrors] = useState({});
const [isSubmit, setIsSubmit] = useState(false);
嘗試從提交將表單資料（formValues）存盤在localStorage中，以將其作為陣列存盤在其中，但不能在陣列中執行
useEffect(()=>{
localStorage.setItem('formValues',JSON.stringify(formValues) );
},[formValues]);
``
[![**enter image description here**][1]][1]
[1]: https://i.stack.imgur.com/7yprY.png
uj5u.com熱心網友回復：
這是您的代碼的小示例
export default function App() {
const [initialValues, setInitialValues] = useState({
companyname: "",
email: "",
phone: "",
website: ""
});
const [formValues, setFormValues] = useState([]);
const submitForm = () => {
setFormValues((prevFormValues) => [...prevFormValues, initialValues]);
};
useEffect(() => {
localStorage.setItem("formValues", JSON.stringify(formValues));
}, [formValues]);
return (
<div className="App">
<div>
companyname
<input
value={initialValues.companyname}
onChange={(e) =>
setInitialValues({ ...initialValues, companyname: e.target.value })
}
/>
</div>
<div>
website
<input
value={initialValues.website}
onChange={(e) =>
setInitialValues({ ...initialValues, website: e.target.value })
}
/>
</div>
<button onClick={submitForm}>onSubmit </button>
</div>
);
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/496346.html