如何在React Table中单击一列中的条目?

Sea*_*404 4 javascript html-table reactjs

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

    columns: [
            {
              filterable: false,
              Header: 'Click here',
              accessor: 'link',
              render: e => <a href={e.value}> {e.value} </a>,
            },
          ],
Run Code Online (Sandbox Code Playgroud)

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

Hen*_*ldi 10

这很简单,如文档所示.通过Cell更改渲染.像这样:

Cell: e =><a href={e.value}> {e.value} </a>
Run Code Online (Sandbox Code Playgroud)