Reactの依存配列 - daisuke suzuki's project

Reactの依存配列

React は、Object.is を使った比較で、それぞれの依存値を以前の値と比較します。

https://ja.react.dev/reference/react/useCallback#parameters

code: tsx

const Todo: React.FC<Props> = (props) => {

const handleClick = useCallback(() => {

// do something

}, props); // NG

}, props.title, props.id); // 一つずつ取り出す(あるいはスプレッド)

}

code: js

const obj1 = {key: 1};

const obj2 = {key: 1};

console.log(Object.is(obj1, obj2));

// Expected output: false