Estoy creando un componente funcional de reacción en el que quiero mostrar un icono.
function Item(props) { return ({props.icon}); }y lo muestro así -
<Item icon={<FaIcon />} />¿Hay alguna forma de pasar accesorios al ícono desde el componente Item?
Algo como esto -
function Item(props) { return ({props.icon(props: {})}); }primero debe enviar el componente sin procesar como accesorio
<Item icon={FaIcon} />Luego lo renderizas como un componente
function Item(props) { return (<props.icon /* Here goes the props */ /> ); }También podrías usar props.children así:
function Item(props) { return (<>{ props.children }</>); } <Item> <FaIcon /* child props over here */ /> <Item> Pero esto solo establece accesorios desde donde se llama al componente y no dentro del Item del componente principal. Si exactamente desea establecer accesorios dentro del componente Item , la mejor respuesta sería la misma que dijo @pablo-henrique:
function Item(props) { return (<props.icon /* Here goes the props */ /> ); } <Item icon={FaIcon} />