Я пытаюсь использовать response-fontawesome и реализовать его в том, что кажется мне точно таким же, как readme: https://github.com/danawoodman/react-fontawesome/blob/master/readme.md
import React from 'react';
import FontAwesome from 'react-fontawesome'
...
export default class ComponentName extends React.Component {
render() {
return (
<div>
<div>
<span>
<FontAwesome
className='super-crazy-colors'
name='rocket'
size='2x'
spin
style={{ textShadow: '0 1px 0 rgba(0, 0, 0, 0.1)' }}
/>
SOME TEXT
</span>
</div>
...
</div>
)
}
}
Но я не вижу иконку в DOM. Хотя я вижу в Chrome Dev Tools:
<span style="text-shadow:0 1px 0 rgba(0, 0, 0, 0.1);" aria-hidden="true" class="fa fa-rocket fa-2x fa-spin super-crazy-colors" data-reactid=".0.$/=11.0.0.$/=10.$/=10.$/=10"></span>
который, как мне кажется, должен быть тегом <i>
. Я попытался изменить <span>...</span>
на <i>...</i>
в "edit as HTML" в инструментах dev, и значок все еще не отображался.
У меня есть add-module-exports в моих плагинах и stage-2 в моих настройках в моем webpack.config.
Может ли кто-нибудь сказать мне, если я что-то упустил? Нужен ли мне какой-то другой пакет, отличный от реакции-fontawesome, чтобы сделать эту работу? Нужно ли мне импортировать стандартный шрифт-awesome.css или загрузить шрифт-удивительный CDN? Любая помощь будет принята с благодарностью, спасибо!