Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

272
Visualizações
React Hook "useCustomHook" se llama condicionalmente. Los React Hooks deben llamarse exactamente en el mismo orden en cada renderizado de componente

Recibí un error cuando quiero configurar si en el código de gancho personalizado

 if (dataValid) { const contactForm = useDataForm(onSubmit, modelToForm(dataValid)); }

Después de esto, recibí un error ->

 React Hook "useDataForm" is called conditionally. React Hooks must be called in the exact same order in every component render

El problema es si la declaración cuando llama a este trabajo bueno (sin si) ->

 const contactForm = useDataForm(onSubmit, modelToForm(dataValid));

No quiero cargar useDataForm (gancho personalizado) si dataValid no es válido y está lleno.

about 4 years ago · Juan Pablo Isaza
2 Respostas
Responde à pergunta

0

No podemos llamar a Hooks dentro de condicionales, bucles o funciones anidadas para garantizar que los Hooks se llamen en el mismo orden cada vez que se represente un componente. El orden es importante para la forma en que React asocia las llamadas Hook con los componentes.

Recurso: https://www.benmvp.com/blog/conditional-react-hooks/#:~:text=We%20can%27t%20call%20Hooks,associates%20Hook%20calls%20with%20components .

Puede consultar este recurso, tal vez pueda ser útil.

about 4 years ago · Juan Pablo Isaza Relatório

0

Según la documentación de React, no puede llamar a ganchos condicionalmente .

Aquí se explica en profundidad por qué.

Cuando surge la necesidad de llamar a un gancho condicionalmente, puede optar por dos soluciones:

  1. O llama a useDataForm y luego usa contactForm solo si dataValid es true
 const contactForm = useDataForm(onSubmit, modelToForm(dataValid)); if (dataValid) { // do what you need to do with dataValid } // or return <Child data={dataValid ? contactForm : otherData} />
  1. O mueve el gancho en un componente separado y representa dicho componente solo si dataValid es verdadero
  2. O bien, dependiendo del enlace, puede pasar los argumentos condicionalmente. por ejemplo, en tu ejemplo:
 const contactForm = useDataForm(onSubmit, dataValid ? modelToForm(dataValid) : fallbackArg);
about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda