时间戳

首页 > 解决方案 > 将反应组件（或元素？）放入对象中。

javascript - 将反应组件（或元素？）放入对象中。

问题描述

我正在使用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 将组件插入到对象中的信息。如果有人有任何提示或技巧，将不胜感激！

这是任何想要玩代码的人的堆栈闪电战

标签： javascriptreactjsfrontend

解决方案

我想column.formatter可以帮助你。有一个在线演示：这个

推荐阅读