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 />
...

fontawesome没有做出反应

1 个答案: