0

我正在玩'@fortawesome/react-fontawesome'（使用FontAwesome5），这就是我想要做的-

在我的 App.js

import fontawesome from '@fortawesome/fontawesome'
import FontAwesomeIcon from '@fortawesome/react-fontawesome'
import { faTrash, faCoffee, faSquare } from '@fortawesome/fontawesome-pro-light'
fontawesome.library.add(faTrash, faCoffee, faSquare)

在我的 component.js 中

import {FontAwesomeIcon} from 'eui-components'

function Test () {
  return (

    <tr>
      <td><Button bsStyle="primary">
        Delete
        <FontAwesomeIcon icon = {["fal", "coffee"]}/>
      </Button>
      </td>
    </tr>
  )
}
export default Test

有用

然后我尝试了

<FontAwesomeIcon icon={["fal", "bath"]} />

尽管它没有被添加到库中，但它仍然有效。这非常令人困惑。如何确保只有添加到库中的项目才能工作？那是我的理解。我错了吗？

代码见 codesandbox.io/s/40v5jk6no7

4

0 回答 0