javascript - 如何使一列中的条目在 React Table 中可点击?

标签 javascript reactjs html-table

我使用 React Table( http://react-table.js.org ) 在页面中显示一个表格,并使用从 API 调用的数据填充它。我想将其中一列中的值显示为链接(a hrefs)。此特定列仅包含 URL。如何在 React Table 中实现?

    columns: [
            {
              filterable: false,
              Header: 'Click here',
              accessor: 'link',
              render: e => <a href={e.value}> {e.value} </a>,
            },
          ],

我将“e”作为显示在表格中的数据并将其包装在 ahref 中以将其转换为链接。但是,这种方法不起作用。

最佳答案

如文档所示,这很简单。按 Cell 更改渲染。像这样:

Cell: e =><a href={e.value}> {e.value} </a>

关于javascript - 如何使一列中的条目在 React Table 中可点击?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46073694/

相关文章:

jquery - 检查表 td 中是否选中了复选框

javascript - 该函数可以工作,但报告 this.refresh() 不是一个函数

javascript - React 中的 Google 身份验证

javascript - 在 React 的 onClick 中传递 undefined 是否安全?

javascript - 类型错误 : React object is undefined on createElement

html - 在 <td> 标签中包装文本

javascript - 循环遍历我的表的特定列

javascript - 我可以将 Javascript 字符串附加到 HTML head 元素吗?

javascript - $interval 不允许我更新我的前端

javascript - 将鼠标悬停在元素上时显示警报