Reactjs：避免每次更新都重新渲染组件 state

Question

这是我的代码：

<SymbolOverview colorTheme="light"
    autosize
    symbols={[["COINBASE:" + symbol1 + "USD"]]}
    wickDownColor="#F45B7E" />

<SymbolOverview colorTheme="light"
    autosize
    symbols={[["COINBASE:" + symbol2 + "USD"]]}
    wickDownColor="#F45B7E" />

如果我设置setSymbole1("BTC") ，我的symbol2组件也会改变。

我只想重新渲染symbol1的组件。

通过谷歌搜索，我找到了 useMemo 和 useCallback，但我无法理解这些。

Answer 1

如果你在同一个页面中的组件，当所有页面都被渲染时，这意味着它们都将被渲染。

您所做的是使用debounce为一个组件“即时”更改 state。

参考： https://www.freecodecamp.org/news/javascript-debounce-example/