javascript - 将 react 组件(或元素？)放入对象中。

Question

我正在我的 React 网站上制作一个表格 react-bootstrap-table-next (也称为react-bootstrap-table-2)并且我试图让图标组件作为数据显示在行中，而不是我现在拥有的，这是一个x，如下所示:

我目前拥有的数据示例是:

const tools = [{key: 'Android Mobile', qual: "x"}]

但我想做的是:

const tools = [{key: 'Android Mobile', qual: <CheckIcon/>}]

CheckIcon 在哪里 const CheckIcon = () => <Icon icon={check} size={10}/> (其中 Icon 是从 react-icons-kit 导入的)。

目前，当我执行类似操作时，整个页面不会呈现，并且我无法找到有关如何使用 React 将组件插入对象的详细信息。如果有人有任何提示或技巧，我们将不胜感激!

Here is a stackblitz for anyone that wants to play around with the code

Answer 1

我认为column.formatter可以帮你。有一个在线演示:this