fontawesome 不适用于反应

Question

我正在尝试将 FontAwesome 与 React.js 一起使用，但它不起作用。

在Button.js 我有：

import React from "react";
import FontAwesome from "react-fontawesome";
const Button = () => {
   return <FontAwesome name="rocket" />;
};
export default Button;

在 index.html 中，我包含了 FontAwesome CDN：https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css

有什么建议吗？

Answer 1

react-fontawesome 包没有问题，但问题出在您的反应代码中，您在函数之外编写返回 FontAwesome 组件，您的反应应用程序将无法工作。

看看这个带有 font-awesome 的 Button 组件，不要忘记在 Button.js 中导入 React，当然还要在 index.html 中导入 font-awesome css。

import React from "react";
import FontAwesome from "react-fontawesome";
const Button = () => {
    return <FontAwesome name="rocket" />;
};
export default Button;

那么你只需要从 Button.js 中导入 Button

...
import Button from "./Button";

...
<Button />
...