Быстрый вопрос о FontAwesome в Reactjs - PullRequest
Новая
       9

Быстрый вопрос о FontAwesome в Reactjs

0 голосов
/ 14 октября 2019

Итак, я изучаю Reactjs и хочу использовать FontAwesome в своем проекте. Но у меня есть 1 проблема. В их документации говорится: 

import { fab } from '@fortawesome/free-brands-svg-icons'
import { faCheckSquare, faCoffee } from '@fortawesome/free-solid-svg-icons'

fab : представляет все значки брендов в @ fortawesome / free-brands-svg-icons. Таким образом, любая иконка бренда в этом пакете может указываться именем значка в виде строки в любом другом месте нашего приложения. Например: «яблоко», «майкрософт» или «гугл».

faCheckSquare и faCoffee : добавление каждого из этих значков по отдельности позволяет нам ссылаться на них в нашем приложении по их значкуимена строк, "check-square" и "coffee" соответственно.

Итак, я хочу знать, какие будут представлять все solid-svg-icons?

Если мне нужно 20 значков в моем компоненте, тогда мне придется написать все 20 faCheckQuare, faCoffe, ... верно? Скажите пожалуйста, есть ли способ лучше этого? Большое спасибо.

1 Ответ

1 голос
/ 14 октября 2019

Вы можете импортировать их все. 

import * as SvgIcons from '@fortawesome/free-solid-svg-icons'

, а затем начать их использовать. 

SvgIcons.faCheckSquare
SvgIcons.faCoffee 
// etc ...

Если что-то еще вам нужно знать, пожалуйста, прокомментируйте.

...