Reactjs 基金会图标字体、react和网页包 我想用我的ReaT.js网页使用基础图标。我已经用npm安装了foundation图标字体，但是，将图标添加到页面中的步骤是什么？< p>您只需要将基础图标字体CSS文件链接到您的页面，然后您就可以正常使用它——只要记住，在使用Reff:时，必须将所有类< /代码>属性转换为类名称< /代码>属性。 <i className="fi-check"></i>

您还可以通过以下方式将图标包装到无状态React组件中：

const FoundationIcon = (props) => (
  <i className={`fi-${props.iconName}`}></i>
);

FoundationIcon.propTypes = {
  iconName: React.PropTypes.string.isRequired
}

const FoundationIcon=（道具）=>(
);
FoundationIcon.propTypes={
iconName:React.PropTypes.string.isRequired
}

然后使用它：

const Button = () => (
  <button type="button" className="button">
    <FoundationIcon iconName="check" />
    <span>I get it</span>
  </button>
);

const按钮=（）=>(
我懂了
);