如何动态添加href到react-bootstrap-table列？

在React中使用react-bootstrap-table库来创建表格，可以通过动态添加href到列中的方法来实现。下面是一个示例代码：

首先，确保已经安装了react-bootstrap-table和react-router-dom库：

npm install react-bootstrap-table react-router-dom

然后，导入所需的库和组件：

import React from 'react';
import { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';
import { Link } from 'react-router-dom';

接下来，创建一个函数来生成动态的href链接：

function linkFormatter(cell, row) {
  return <Link to={`/details/${row.id}`}>{cell}</Link>;
}

在上面的代码中，linkFormatter函数接收两个参数，cell表示当前单元格的值，row表示当前行的数据。函数返回一个包含动态href链接的Link组件。

最后，在表格的列定义中使用dataFormat属性来调用linkFormatter函数：

<BootstrapTable data={data}>
  <TableHeaderColumn dataField="id" isKey>ID</TableHeaderColumn>
  <TableHeaderColumn dataField="name" dataFormat={linkFormatter}>Name</TableHeaderColumn>
  <TableHeaderColumn dataField="age">Age</TableHeaderColumn>
</BootstrapTable>

在上面的代码中，data是表格的数据源，dataField属性指定了数据源中的字段名，isKey属性指定了唯一标识符，dataFormat属性调用了linkFormatter函数。

这样，每个Name列中的值都会被包装在Link组件中，并且链接的路径会根据当前行的id动态生成。

这是一个简单的示例，你可以根据自己的需求进行修改和扩展。