javascript - 添加 Font Awesome Icon + Text 给我错误

Question

我有一个带有 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 },
]

第一个键会显示'[Object object]OK'

第二个键将显示所需的图标，但如果我添加任何文本，图标将不再显示。

任何有关如何显示图标+文本的建议都将不胜感激。

Answer 1

JSX is just sugar for React.createElement calls ，因此您不能使用 + "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 }
]