Intenté buscar soluciones con respecto a este problema, pero nada para resolver mi problema con esto. Estas son las publicaciones que he buscado:
No probé la segunda solución ya que este es un proyecto en una empresa y no quiero actualizar la versión por mi cuenta sin ningún permiso.
Aquí está mi código y las importaciones:
import "antd/dist/antd.css"; import {Button} from 'antd'; import {TwitterOutlined} from '@ant-design/icons'; //import icons //here is where i use the TwitterOutlined which is the icon <Button type="link" href={links[3]} target="_blank" icon={<TwitterOutlined />}>Twitter</Button>Pero el ícono no aparece dentro del botón, por lo que agradecería si alguien sabe qué es exactamente lo que está mal con mis importaciones o algo así.
Probé su código y funciona con el último antd, por lo que casi definitivamente es la misma situación de control de versiones que en la segunda pregunta que vinculó. Puede intentar sortearloutilizando un icono personalizado .
import Icon from '@ant-design/icons'; const TwitterSVG = () => ( <svg width="1em" height="1em" fill="currentColor" viewBox="0 0 1024 1024"> <path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549" /> </svg> ); // ... const TwitterIcon = props => <Icon component={TwitterSVG} {...props} />; // ... <TwitterIcon style={{ color: '#1DA1F2' }} /> // Twitter's blue