Next JS 不为 FontAwesome 图标采用多个 props

Question

      <FontAwesomeIcon icon={faTableCells, faSharp, faRegular} />

我正在尝试将 faSharp、faRegular 添加到源中。

但不幸的是我的申请很糟糕。我需要它们，因为它们是没有添加边框半径的精确表格单元格的默认值。

我尝试了上面的方法，但不起作用

Answer 1

您只能将

single icon

传递给 FontAwesomeIcon 组件。如果您想对一个图标应用多种样式，则需要将它们组合成一个图标定义。但是，Font Awesome 图标

don't support

可以像这样直接合并样式。但是，您可以为要使用的每种样式创建单独的实例。

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faTableCells as faTableCellsRegular } from '@fortawesome/free-regular-svg-icons';
import { faTableCells as faTableCellsSharp } from '@fortawesome/free-solid-svg-icons';

const MyComponent = () => {
  return (
    <div>
      <FontAwesomeIcon icon={faTableCellsRegular} />
      <FontAwesomeIcon icon={faTableCellsSharp} />
    </div>
  );
};

export default MyComponent;