Sobes.tech
Middle+

Quais argumentos o React.memo aceita além do próprio componente?

sobes.tech IA

Resposta da IA

O React.memo aceita dois argumentos:

  1. Componente, que deseja memorizar — geralmente um componente funcional.
  2. Função de comparação (opcional) — recebe dois objetos props (prevProps e nextProps) e retorna true se as props forem consideradas iguais e não for necessário re-renderizar, ou false se o componente precisar ser atualizado.

Exemplo de uso com função de comparação:

const MyComponent = React.memo(function MyComponent(props) {
  // renderização
}, (prevProps, nextProps) => {
  // comparamos apenas os campos necessários
  return prevProps.value === nextProps.value;
});

Se a função de comparação não for passada, o React.memo faz uma comparação superficial das props por padrão.