Este es mi código:
<SymbolOverview colorTheme="light" autosize symbols={[["COINBASE:" + symbol1 + "USD"]]} wickDownColor="#F45B7E" /> <SymbolOverview colorTheme="light" autosize symbols={[["COINBASE:" + symbol2 + "USD"]]} wickDownColor="#F45B7E" /> Si configuro setSymbole1("BTC") , mi componente para symbol2 también cambió.
Solo quiero volver a renderizar el componente para symbol1 .
Al buscar en Google, encontré useMemo y useCallback, pero no puedo entenderlos.
Si tiene componentes en la misma página, cuando todas las páginas se rendericen, lo que significa que ambas se renderizarán.
Lo que hace es usar debounce para cambiar el estado "sobre la marcha" para un componente.
referencia: https://www.freecodecamp.org/news/javascript-debounce-example/