反应表中的图标

Question

我一直在努力寻找如何在ReactTable中的Cell中显示图标（来自库react-table）。我能找到的只是它接受HTML符号。那里有很多符号，但我正在寻找的是展示旗帜......

Cell: () => (
  <span>&hearts;</span>
)

我已经尝试使用<i class='fa fa-cloud' />进行测试，但我无法使其正常工作。

有什么想法吗？

Answer 1

我找到了一个库https://www.npmjs.com/package/react-flag-kit，它可以通过这种方式使用FlagIcons：

urldecode()

React Icons Cell: () => ( <FlagIcon code="FR" size={20} /> ) 也可以在Cell中使用，但它不包含任何标志。