Font Awesome with реагирует на то, как отобразить иконку, переданную в качестве реквизита - PullRequest
Новая
       7

Font Awesome with реагирует на то, как отобразить иконку, переданную в качестве реквизита

0 голосов
/ 29 ноября 2018

Я использую FontAwesome для значков в своем React Project, и именно так я обычно отображаю значки 

<FontAwesomeIcon icon={stroopwafel} />

, где у меня есть библиотека компонентов, где все необходимые компоненты импортируются из библиотеки FA и экспортируются вбазовый проект

Теперь существует ситуация, когда имена значков передаются от родительского компонента в виде пропеллера 

<AccordionPanel id='favFood' title='Fav Food' icon='stroopwafel'>
  ....
</AccordionPanel>

Теперь мой дочерний компонент AccordionPanel должен отобразить его 

const { id, title, icon} = this.props

     <Panel.Heading>
         <Panel.Title toggle>
            <Icon icon={icon} color='orange'/> 
         </Panel.Title>
     </Panel.Heading>

Но, похоже, это не работает.Есть идеи, что не так?

1 Ответ

0 голосов
/ 30 ноября 2018

Значки FontAwesome нуждаются в префиксе: <i class="fas fa-stroopwafel"></i> Это из последней версии FA: https://fontawesome.com/icons/stroopwafel?style=solid Возможно, вам понадобится другой префикс, если вы используете более старую версию FA.Попробуйте передать "fas fa-stroopwafel" вместо "stroopwafel" в качестве значка prop.

...