reactjs-生成表并自定义列

Question

我正在尝试生成表并自定义三列之一。基本上，我想以这种格式创建一个简单的网址。

<a href="/brands/133">133</a> // 133 is an ID

这是我的reactjs代码。

    idUrlFormatter(cell, row) {   // String example
    return '<a href="/brands/{cell}">'+ cell  +'</a>';
}

render() {

    let tableOtions = {
        noDataText: this.setTableOption(),
    };

    return (
        <div className="create-brands">
            <Container>
                <Row className="addBrandRow">
                    <Col><Button as={Link} variant="primary" size="lg" to="/AddName">Add</Button></Col>
                    <Col><h1>Brand</h1></Col>
                </Row>
                <Row>
                    <BootstrapTable data={ this.state.data }   options={tableOtions} striped hover pagination>
                        <TableHeaderColumn isKey={true} as={Link} dataFormat={ this.idUrlFormatter } dataField='cb_id' filter={ { type: 'TextFilter', delay: 1000 } }>Cobrand ID</TableHeaderColumn>
                        <TableHeaderColumn dataField='name' filter={ { type: 'TextFilter', delay: 1000 } }>Name</TableHeaderColumn>
                        <TableHeaderColumn dataField='unit' filter={ { type: 'TextFilter', delay: 1000 } }>Unit</TableHeaderColumn>
                    </BootstrapTable>
                </Row>
            </Container>
        </div>
    );
}

“数据”由cb_id，名称，单位组成。 'cb_id'是来自数据库的唯一ID。我想使用此“ cb_id”作为链接的一部分，并将其也显示在第一列中。

有人可以告诉我如何用链接设置第一列的格式吗？

谢谢。