reactjs - react 表中的图标

标签 reactjs icons react-table react-table-v6

我一直在努力寻找如何在ReactTable(来自库react-table)的单元格中显示图标。我所能找到的就是它接受 HTML 符号。有很多符号,但我正在寻找的是显示标志...

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

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

有什么想法吗?

最佳答案

我找到了一个图书馆https://www.npmjs.com/package/react-flag-kit这使得 FlagIcons 可以这样使用:

Cell: () => (
    <FlagIcon code="FR" size={20} />
)

react 图标<Icon />也可以在 Cell 中使用,但它不包含任何标志。

关于reactjs - react 表中的图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49282818/

相关文章:

Android - 如何获取应用程序的图标?

css - 使用 <glyph> 作为 'background-image' ,取自单个 SVG

reactjs - react 表无法正确排序十进制数字

reactjs - 在react-table的子组件中设置状态会关闭组件并使用ReactJS重置所有状态

javascript - 错误消息 : 'Unexpected block statement surrounding arrow body.(箭头主体样式)

ubuntu - 为 JavaFX 应用程序设置的图标在 Windows 中可见,但在 Ubuntu 中不可见

javascript - 有没有办法在不使用 onClick 事件的情况下在 React 中自动播放音频?

javascript - 如何调整 react 表中的整个列边框

reactjs - onSelect 事件处理程序 typescript type for React bootstrap DropDown

ruby-on-rails - 使用 pagey gem 对哈希进行分页