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

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';

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

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