如何通過反應使用一個useMemo？

Question

我只想在一個組件中使用一個 useMemo 而不是兩個 useMemo。

下面是我的代碼，

const App = () => {
    const isChecked = React.useMemo(() => 
        checked === 'something', [checked]);
    const variables = React.useMemo(() => ({
        variable1,
        variable2: 200
    }), [variable1]);

    return (
        //some jsx
    ); 
}

現在的問題是如何將上述兩個 useMemo 合二為一。 有人可以幫我解決這個問題。 謝謝。

Answer 1

您可以像這樣使用數組解構：

const [isChecked, variables] = React.useMemo(() => [
checked === 'something', 
{ variable1, variable2: 200 }], 
[checked, variable1]);

但是，它的優化程度較低，因為如果選中或 variable1 更改，它將重新執行 useMemo function 變量 isChecked 和 variables