Html 将单选按钮转换为星形

Html 将单选按钮转换为星形,html,css,reactjs,Html,Css,Reactjs,我有一些单选按钮,我正试图将其转换为星星,我将按照以下示例创建一个星星评级组件: 我还在学习react,所以我不知道如何在这个组件中导入引导。我需要导入的是: <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> 代码如下: 从'react'导入{Component} 从“React”导入React; 从“./

我有一些单选按钮,我正试图将其转换为星星,我将按照以下示例创建一个星星评级组件:

我还在学习react,所以我不知道如何在这个组件中导入引导。我需要导入的是:

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

代码如下:

从'react'导入{Component}
从“React”导入React;
从“./PageTemplate”导入PageTemplate
导入“../css/starRating.css”;
类评级扩展了组件{
render(){
返回(
);
}
}

出口违约评级您需要放置以下内容:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

你试过了吗?对不起,我不明白你说“用你的starting.css放置它”,我应用了你的第二个选项,我收到了这个错误:./src/css/font-awesome.min.css模块未找到:无法解析“../fonts/fontawesome webfont.eot?v=4.7.0”@Jenn,好的,如果你想遵循第二个选项,你还需要下载所有其他字体文件,我建议您遵循简单的第一步。:)好的,我只是把它放在html文件中,但是单选按钮看起来还是一样的,我必须在我的评级组件中的某个地方“调用它”吗?怎么办(不,这就足够了,你可以通过查看页面来源来检查它,我想它会有其他问题。
import '../css/starRating.css';
import '../css/font-awesome.min.css';