Pasé un accesorio - {pov} a un componente - Página También tengo otros dos componentes funcionales - VisitorPOV y OwnerPOV if pov === 'visitor', quiero representar el componente VisitorPOV else OwnerPOV Component Esto es lo que probé
function Page({pov}) { return ( <div> { {pov} === "visitor" ? <VisitorPOV/> : <OwnerPOV/>} </div> ); } <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>Pero cualquiera que sea el apoyo, solo está representando una parte falsa, es decir. el componente después de:
¡Por favor ayuda! Gracias
Su expresión ternaria debe ser la siguiente:
{ pov === "visitor" ? <VisitorPOV/> : <OwnerPOV/>}No necesito explicar @Crice lo explicó en su comentario.