React Icons导入未使用报错ts(6133)及图标不显示求助
问题解决方法
- 错误根源:你导入的
BsLinkedin组件并未实际使用,只是在JSX里写了字符串"BsLinkedin",所以TypeScript报出变量未读取的错误,页面也只会显示文本而非图标。 - 修正后的代码:
import React from 'react' import {BsLinkedin} from 'react-icons/bs' const HeaderSocials = () => { return ( <div className='header_socials'> <a href="https://www.linkedin.com"><BsLinkedin /></a> </div> ) }
- 关键说明:将字符串
BsLinkedin替换为组件标签<BsLinkedin />,React就会渲染对应的LinkedIn图标,同时也能消除TypeScript的未使用变量错误。
内容的提问来源于stack exchange,提问作者Flyingtree
相关产品推荐
相关产品推荐

