有沒有一種簡單的方法來保存/更新整個物件模型的狀態？每次更新物件屬性時，我都想保存此架構的快照。我已經有其他組件可以更新架構屬性（isComplete、progress），但我不知道如何將整個架構保存到狀態，這樣當我重繪 時，所有進度仍然存在嗎？
我想我需要一個帶有 setSchema() 的 useEffect 鉤子，也許還需要一個擴展運算子？我還沒有資料庫，所以我現在想將更新的架構存盤在本地存盤中。
import course from "./data/index";
const [schema, setschema] = useState(course);
useEffect(()=>{
setschema(???)
})
const course = {
courseName: "Course 1",
courseModules: [
{
moduleName: "Module1",
moduleLessons: [
{
lessonName: "Introduction",
lessonData: Lesson1,
isComplete: false,
progress: 0,
},
{
lessonName: "Overview",
lessonData: Lesson2,
isComplete: false,
progress: 0,
},
],
isComplete: false,
progress: 0,
},
{
moduleName: "Module 2",
moduleLessons: [
{
lessonName: "Lesson 1",
lessonData: "hello There",
isComplete: false,
progress: 0,
},
{
lessonName: "Lesson 2",
lessonData: "hello There",
isComplete: false,
progress: 0,
},
],
isComplete: false,
progress: 0,
},
],
isComplete: false,
progress: 0,
};
uj5u.com熱心網友回復：
不確定我是否遵循，但如果我理解正確，您想在schema每次更新時保存到本地存盤？
可以這樣做：
useEffect(() => {
localStorage.setItem("schema", JSON.stringify(schema));
}, [schema]);
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/361575.html
下一篇：查找物件陣列的最小值