我正在使用Font Awesome和React。我希望使用以下代码显示检查图标(https://fontawesome.com/icons/check):
创建一个fontawesome库来合并导入:
import { library } from "@fortawesome/fontawesome-svg-core";
import { faCheck } from "@fortawesome/free-solid-svg-icons";
library.add( faCheck );
目前我还没有收到错误消息,建议检查图标已正确导出。
然后,我使用以下命令导入到另一个文件:
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
...
<FontAwesomeIcon icon="check" />
我没有收到错误消息,但是该图标也没有显示。这可能是一个命名问题。
有什么我想念的吗?
我像这样尝试过,它起作用了。
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faCheck } from "@fortawesome/free-solid-svg-icons";
/ and in the code where you want to display icon
<FontAwesomeIcon icon={faCheck} />
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句