Достичь и шрифт потрясающий

Question

Я пытаюсь использовать удивительный шрифт из React. Мне удалось получить пример от https://fontawesome.com/how-to-use/on-the-web/using-with/react, работающего со значком stroopwafel. Это хорошо и все, но, возможно, не так полезно. Теперь я хочу добавить более полезный значок: восклицательный знак . Тем не менее, здесь, кажется, что-то происходит со стандартом именования, потому что когда я пытаюсь:

import { fa-exclamation-triangle } from '@fortawesome/free-solid-svg-icons'

Я получаю: Syntax error: Unexpected token, expected ,

и когда я пытаюсь удалить эти противные -

import { faexclamationtriangle } from '@fortawesome/free-solid-svg-icons'

Я получаю '@fortawesome/free-solid-svg-icons' does not contain an export named 'faexclamationtriangle'.

Итак, как мне узнать, как называются значки?

Answer 1

Итак, вот фокус:

import { faExclamationTriangle } from '@fortawesome/free-solid-svg-icons'

CamelCase и не надоедать -.

Далее, когда вы используете его, у вас не должно быть fa, а не camelCase, и как насчет этой второй -? Продолжай и держи это!

<FontAwesomeIcon icon="exclamation-triangle"/>

Смешение? Да, я так думаю ...