У меня есть семантическое меню пользовательского интерфейса со значками, но в раскрывающемся меню я не могу добавить никаких значков.
Я хочу добавить <i className = "fa fa-gavel fa-lg"/> к первой строке.
<Dropdown /*Here i want a font-awsome icon */ item text = "Language" pointing='left'>
<Dropdown.Menu>
<Dropdown.Header><FormattedMessage id = "navigationBar.chooseLanguage"/></Dropdown.Header>
<Dropdown.Item onClick = {() => this.props.setLocale("en")}> <img src = {ENG} alt = "Eng" /> <p className = "lang"> English </p> </Dropdown.Item> <hr/>
<Dropdown.Item onClick = {() => this.props.setLocale("se")}> <img src = {SWE} alt = "Swe" /> <p className = "lang"> Svenska </p> </Dropdown.Item> <hr/>
<Dropdown.Item onClick = {() => this.props.setLocale("de")}> <img src = {DEN} alt = "Den" /> <p className = "lang"> Dansk </p> </Dropdown.Item> <hr/>
<Dropdown.Item onClick = {() => this.props.setLocale("no")}> <img src = {NOR} alt = "Nor" /> <p className = "lang"> Norsk </p> </Dropdown.Item>
</Dropdown.Menu>
</Dropdown>
Все предложения о том, как решить эту проблему, высоко ценятся.
Не в этом проекте :)
Итак, что происходит, что вы не можете добавить значок? какая ошибка или проблема происходит?
Ошибка синтаксиса/компиляции
Semantic-UI-react имеет полный набор иконок FontAwesome, а Dropdown имеет icon атрибут/реквизит <Dropdown icon = "...." /> не работает?
а что это Syntax/Compile error? какой код вы добавили, который получает эту ошибку? почему вы не указали этот код в вопросе?



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


SUIR поддерживает как значки, так и флаги FA, попробуйте использовать следующий код.
<Dropdown
options = {[
{ text: 'English', value: 'en', flag: 'gb' },
{ text: 'Svenska', value: 'se', flag: 'se' },
{ text: 'Dansk', value: 'de', flag: 'de' },
{ text: 'Norsk', value: 'no', flag: 'no' },
]}
text = "Language"
icon = "gavel"
pointing = "left"
/>
https://codesandbox.io/s/405kw8w3n9?fontsize=14&module=%2Fexample.js
вы используете машинопись?