Tengo un componente que se procesa si se cumplen algunas condiciones; de lo contrario, devuelve null .
Me gustaría saber cómo determinar si el componente devuelve un null de su padre.
He intentado registrar el componente para ver qué propiedades cambian cuando se procesa o cuando se devuelve null , pero no puedo detectar ninguna diferencia.
¿Alguna sugerencia?
Solo puedes usar un apoyo alternativo.
En vez de:
function Child(){ if(something) return null return <div>content</div> } function Parent(){ // try to find out if child is null return <Child /> }Solo haz:
function Child({ fallback = null }){ if(something) return fallback return <div>content</div> } function Fallback() { return 'some fallback' } function Parent(){ return <Child fallback={<Fallback />} /> }