Saludos estoy recién aprendiendo React y me topé con este error
cannot be called in a class component. React hooks must be called in a react function component or a custom react hook function
este es el código
import React, {Component} from "react";
class ComponenteA extends Component{
render(){
return (
<span>ComponenteA</span>
)
}
}
class ComponenteB extends Component{
render(){
return (
<span>ComponenteB</span>
)
}
}
function useConditionalRendering (mostrarA) {
if (mostrarA){
return <ComponenteA/>
}
return <ComponenteB/>
}
export default class ConditionalSection extends Component {
constructor(){
super()
this.state={mostrarA:true}
}
render (){
return (
<div>
<h4>Conditional Render</h4>
{useConditionalRendering(this.state.mostrarA.mostrarA)}
</div>
)
}
}
el error me sale en esta línea de código {useConditionalRendering(this.state.mostrarA.mostrarA)}
les agradecería mucho su ayuda
ConditionalSection
trátala como componente en vez de ser una clase.use
quitabas el error. Ninguna respuesta es correcta.React
utiliza la palabra reservadause
al inicio de las funciones para nombrar losHooks
, y va a considerar cualquier función que comience con la palabrause
como unhook
. Como loshooks
no pueden utilizarse en clases, pero React piensa que tu función es unhook
, por eso te da el error. Cambia el nombre de la función a algo que no empiece conuse
y problema solucionado.