Início / coding / Perguntas / 79140195
Accepted
Minh Nghĩa
Asked: 2024-10-30 16:13:53 +0800 CST

Maneira idiomática de rastrear se o Suspense termina

  • 772

Exemplo:

  <Suspense fallback={<ClearLoading />}>
    // stuff
  </Suspense>

Para monitorar se todo o nó de suspense termina de carregar, coloquei uma limpeza de efeito <ClearLoading>como esta:

const ClearLoading = () => {
  useEffect(() => {
    return () => {
      // Do sth when suspense finish
    }
  }, []);

  return null;
};

Isso parece estúpido. Qual é a maneira geralmente aceita de fazer isso?

reactjs

1 respostas

  1. Best Answer

    O uso useEffecté a abordagem idiomática, conforme mencionado no guia de atualização do React 18 .

    No entanto, ao movê-lo para um componente filho vazio do Suspense, você não precisará de um wrapper para cada componente de carregamento.

    <Suspense fallback={<Loading/>}>
    <PullTheLever/>
    // stuff
</Suspense>

    O componente de rastreamento não precisa de um valor de retorno.

    function PullTheLever() {
    useEffect(() => {
        // Do sth when suspense finish
    }, []);

    return null;
}
    • 2

relate perguntas