Khác nhau giữa class component và function component

với class component khi bạn gọi setState bạn có thể update từng trường trong state, còn với hook thì khi bạn gọi setUser là nó sẽ thay thế cả data cũ của bạn nhé

hi @tapcode

Với Class Component

• thuộc tính state sẽ đại diện cho toàn bộ trạng thái của Class
• khi gọi hàm setState, nếu bạn update thuộc tính nào thì chỉ update lại cho thuộc tính đó, như trong vd của bạn gọi this.setState chỉ set lại cho name thì age sẽ không đổi

Với Function Component

• useState được gọi là hook của React, bạn xem thêm ở đây https://reactjs.org/docs/hooks-reference.html#usestate
• hook này sẽ trả về cho bạn một biến giá trị và một hàm để update lại giá của nó và render lại trên view
• Về bản chất thì nó chỉ là một variable có thể lưu string, number hay object. Trường hợp của bạn là lưu object với giá trị là {name: 'a', age: 20}. khi bạn gọi setUser với object chỉ có name thì nó sẽ override lại object cũ
• Bạn có thể tạo nhiều state bằng cách gọi hook này nhiều lần như sau

   const [user, setUser] = useState({name: 'a', age: ''})
   const [loading, setLoading] = useState(false)
   const [countClick, setCountClick] = useState(0)
  

  Thì trên view sẽ là

  <div>
    {loading && (<div>Loading....</div>)}
   <div>{countClick}</div>
  </div>
  

Hope this help ^^!

state.user != state