[英]React icons display
我在个人网站上导入的 React 图标根本没有显示,我尝试重新安装带有和不带 --save 的 react-icons,我检查了 node_modules 和 package.json,一切似乎都正常,但它仍然不起作用。 这是我来自HeaderSocials.jsx的代码:
import React from 'react'
import { BsLinkedin } from 'react-icons/bs'
import { BsGithub } from 'react-icons/bs'
const HeaderSocials = () => {
return (
<div className='header__socials'>
<a href="https://linkedin.com" target="_blank" rel="noreferrer"> <BsLinkedin/> </a>
<a href="https://github.com" target="_blank" rel="noreferrer"> <BsGithub/> </a>
<a href="https://dribbble.com" target="_blank" rel="noreferrer">aa</a>
</div>
)
}
export default HeaderSocials
和Header.jsx :
import React from 'react'
import './header.css'
import CTA from './CTA'
import SKANDER from '../../assets/SKANDER.jpg'
import HeaderSocials from './HeaderSocials'
const Header = () => {
return (
<div>
<header>
<div className="container header__container">
<h5>Hello I'm</h5>
<h1>Skander JEDDA</h1>
<h5 className="text-light">Fullstack JS Developer</h5>
<CTA />
<HeaderSocials />
<div className="me">
<img src={SKANDER} alt="me" />
</div>
<a href="#contact" className='scroll__down'>Scroll Down</a>
</div>
</header>
</div>
)
}
export default Header
我尝试重新安装库并检查 stackoverflow,我什至询问了 chatGPT 但仍然无济于事
尝试删除 className 'header__socials' 然后如果你想设置你的图标样式这里是一个示例链接
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.