¿Es buena o mala práctica usar este tipo de funciones? ¿Cómo afecta la velocidad de renderizado y la optimización?
const ReactComponent: React.FC = (props) => { const {isOpen} = props; const renderIsOpen = () => { if (!isOpen) { return null; } return <div>Im open!</div> } return ( <div> hello {renderIsOpen()} </div> ) }Odio esta función, pero mi compañero de trabajo la usa muy a menudo.
Si bien funciona, esto parece excesivo en muchas situaciones. Lo mismo podría obtenerse así:
const ReactComponent: React.FC = ({isOpen}) => { return ( <div> hello {isOpen && <div>Im open!</div>} </div> ) }Podría ser útil para aclarar el código, pero nuevamente, si el div que muestra es demasiado complejo, de todos modos puede colocarlo en un componente separado.