Javascript 如何使列在react引导表中可单击，并避免在“react引导表”中显示为文本字段；添加行“？”；？

我参考了以下内容，以使react引导表中的列可单击：

但是当我使用“添加新行”按钮时，react引导表中的列仍然是一个文本字段。我希望该列也是一个按钮/可点击的url

请帮我做这个

我的代码的一部分是：

class ButtonFormatter extends Component {
    render(){
    return (
        <button onClick={this.props.onClick }> Additional Info </button>
    );
    }
}

function buttonFormatter(cell, row) {
    return (
        <ButtonFormatter />
    );
}

<BootstrapTable deleteRow={true} selectRow={selectRowProp} options={options} 
   insertRow={ true } data={this.props.data} cellEdit={cellEditProp}>

<TableHeaderColumn width='175' dataField="additionalinformation" dataFormat={ 
   buttonFormatter }> Additional Info </TableHeaderColumn>

</BootstrapTable>

class按钮格式扩展组件{
render（）{
返回(
附加信息
);
}
}
功能按钮信息表（单元格、行）{
返回(
);
}
附加信息

---

谢谢

您没有将onClick道具传递给按钮信息器。您需要一个方法来处理onClick事件，然后需要将该方法传递给ButtonFormatter。大致如下：

function handleClick() {
   // code to add row
}

function buttonFormatter(cell, row) {
    return (
        <ButtonFormatter onClick={() => handleClick()} />
    );
}

函数handleClick（）{
//要添加行的代码
}
功能按钮信息表（单元格、行）{
返回(
handleClick（）}/>
);
}

在此处发布帮助之前，您需要显示您尝试过的代码。签出@Dvorog我添加了我的代码。你能帮我解决这个问题吗。