Добавление FontAwsome Icon + Text дает мне ошибку - PullRequest
Новая
       12

Добавление FontAwsome Icon + Text дает мне ошибку

1 голос
/ 11 апреля 2019

У меня есть этот метод с textArea: 

 DropdownExampleClearable = () => <Dropdown placeholder="Status" clearable options={options} selection />

И это параметры, которые он имеет: 

const options = [
 { key: 1, text: (<i className="far fa-edit"/> + "OK"), value: 1 },
 { key: 2, text: <i className="far fa-edit"/>, value: 2 },
]

Первый ключ будет отображать «[Объект объекта] OK»

Вторая клавиша будет отображать желаемый значок, но если я добавлю какой-либо текст, значок больше не будет отображаться.

Любые предложения о том, как получить значок + текст для отображения, будут высоко оценены.

Ответы [ 2 ]

1 голос
/ 11 апреля 2019

Попробуйте это 

  <p> <i className="far fa-edit"> OK </i>  </p>
1 голос
/ 11 апреля 2019

JSX - просто сахар для React.createElement вызовов , поэтому вы не можете добавить строку к этому с помощью + "OK".

Вместо этого вы можете обернуть значок и текст вдругой элемент React и используйте его. 

const options = [
  { key: 1, text: <span><i className="far fa-edit" /> OK</span>, value: 1 },
  { key: 2, text: <i className="far fa-edit" />, value: 2 }
]
...