Quiero llamar a un gancho diferente según una variable... este valor proviene de los parámetros de URL y es dinámico, pero los ganchos no pueden ejecutarse condicionalmente de acuerdo con las reglas de Hook:
// this hook comes from react-router dom to get the URL params const param = const { productType, accountId, statementId } = useParams(); // I need to run a hook that calls a different API according productType value if (productType === 'someType') { return useHookOne(accountId, statementId) } else if (productType === 'otherType') { return useHookTwo(accountId, statementId) } else { return useHookThree(accountId, statementId) }Debe crear otros 3 componentes para cada escenario. En cada componente, puede agregar su propia lógica.
const param = const { productType, accountId, statementId } = useParams(); // I need to run a hook that calls a different API according productType value if (productType === 'someType') { return <UseHookOne accountId={accountId} statementId={statementId} /> } else if (productType === 'otherType') { return <UseHookTwo accountId={accountId} statementId={statementId} /> } else { return <UseHookThree accountId={accountId} statementId={statementId} /> } Y luego crea 3 nuevos componentes. Ejemplo con UseHookOne
import React from 'react' const UseHookOne = (props) => { const data = useHookOne(props.accountId, props.statementId) return (<>Yay! Logic number 1 based on {data}</>) } export default UseHookOneLos ganchos no se pueden llamar a funciones o condiciones
Use gancho en la raíz y ponga condición para cada gancho.
¿Puedes predecir el propósito de tu código? Creo que el diseño lógico del código debería abordarse desde un ángulo diferente
EDITAR con Ejemplo:
// this hook comes from react-router dom to get the URL params const param = const { productType, accountId, statementId } = useParams(); let apiRequest = new productRequestAPI(); if(prodType == "firstType"){ apiQuest.adress = 'adress.api.com'; apiQuest.quest: 'firstRequest'; apiQuest.accountId ... etc } else if(prodType == "secondType"){ ... } singleHook(apiRequest){ //Call API with good params and return after }puede hacer que useHookOne devuelva una función que tome dos argumentos accountId y statementId .
const setHookOne = useHookOne() const setHookTwo = useHookTwo() const setHookThree = useHookThree() if (productType === 'someType') { return setHookOne(accountId, statementId) }else if (productType === 'otherType') { return setHookTwo(accountId, statementId) } else { return setHookThree(accountId, statementId) }