JavaScript/React/useEffect/第2引数のReferential Equality（参照の等価性）のバックアップソース(No.1)

バックアップ一覧
差分を表示
現在との差分を表示
バックアップを表示
JavaScript/React/useEffect/第2引数のReferential Equality（参照の等価性）へ行く。
- 1 (2022-09-05 (月) 16:01:42)

#author("2022-09-05T16:01:42+09:00","default:ryuichi","ryuichi")
* 第2引数のReferential Equality（参照の等価性） [#od8e1f40]

** コード [#zfde0957]
 import { useEffect, useMemo, useState } from "react";
 
 function App() {
   const [count, setCount] = useState(0);
 
   const [x, setX] = useState({ name: "X" });
 
   const y = { name: "Y" };
 
   const z = useMemo(() => {
     return { name: "Z" };
   }, []);
 
   useEffect(() => {
     console.log("effect x");
   }, [x]);
 
   useEffect(() => {
     console.log("effect y");
   }, [y]);
 
   useEffect(() => {
     console.log("effect y");
   }, [z]);
 
   return (
     <div className="App">
       <button onClick={() => setCount((count) => count + 1)}>
         count is {count}
       </button>
     </div>
   );
 }
 
 export default App;