Estoy tratando de usar íconos de reacción sin importar el ícono de lib. ¿Es posible llamar al ícono y pasar el nombre como <Icon name="FiMenu" /> o <Icon name="FiArrowRight" /> ?
No sucedió nada, parece que la propiedad Icon no existe de los iconos de reacción.
No existe un componente llamado Icon en la biblioteca o en React, por lo que debe importar los componentes individualmente.
Siga la documentación: https://github.com/react-icons/react-icons El uso básico es:
import { FaBeer } from 'react-icons/fa'; class Question extends React.Component { render() { return <h3> Lets go for a <FaBeer />? </h3> } }Si realmente quiere entender lo que está sucediendo, le sugiero que eche un vistazo al código fuente.
No es la mejor práctica, pero también puede crear un objeto con clave (nombre del icono) y valorar el icono. Así que después de esta importación de tus íconos. Ejemplo:
import {FaBeer} from "react-icons/fa" const icons = { "FaBeer": FaBeer } export const Icon ({name, ...props} ) => { const IconComponent = icons[name] return <IconComponent {...props} /> }