如何在不操作 state 的情況下編輯 json 屬性

Question

說我有一個 json object 就像所謂的學生：

{id: 1, 
 name: jon,
 hobbies:[running, basketball, soccer]
} 

在不改變 state 的情況下，我想編輯愛好數組，使每個元素都是Hobby model。 所以基本上遍歷student.hobbies中的每個元素並在每個元素上調用new Hobby(element) 。 如何在不改變 state 的情況下做到這一點？

Answer 1

您可以在愛好map()並使用每個值來創建Hobby object，代碼可能看起來像這樣。

const [student, setStudent] = useState();

useEffect(() => {
  fetch("url").then(res => res.json()).then(data => {
    // imagine data is { id: 1, name: "jon", hobbies: ["running", "basketball", "soccer"] }
    setStudent({
      ...data,
      hobbies: data.hobbies.map(h => new Hobby(h))
    });
  });  
}, []);