如何在BootstrapTable dataFormat方法

时间:2017-08-07 16:13:06

标签: reactjs bootstrap-table dataformat

我正在研究React / Redux应用程序,我也在使用BootstrapTable。

在dataFormat方法中我还需要传递道具吗?现在我的格式方法如下:

function linkFormatter(cell, row) {
   //Logic
}

我尝试使用:

let self = this; 

this.props.isStatatusActive方式访问道具,但它也给了我错误:isStatatusActive is undefined.

有什么建议吗?

1 个答案:

答案 0 :(得分:1)

如果我正确理解了您的问题,并且您希望不仅可以访问表格中的单元格,还可以访问您的道具,那么就非常了解this article中的示例。

file.bytes = [] 正是您要找的。

formatExtraData


你可以发送`this.props。直接在那个方法中:

function enumFormatter(cell, row, enumObject){ return enumObject[cell]; } export default class ExtraDataColumnFormatTable extends React.Component{ render(){ return ( <BootstrapTable data={products} > <TableHeaderColumn dataField="id" isKey={true}>Product ID</TableHeaderColumn> <TableHeaderColumn dataField="name">Product Name</TableHeaderColumn> <TableHeaderColumn dataField="quality" dataFormat={enumFormatter} formatExtraData={qualityType}>Product Quality</TableHeaderColumn> <TableHeaderColumn dataField="inStock" dataFormat={enumFormatter} formatExtraData={inStockStatus}>Product Stock Status</TableHeaderColumn> </BootstrapTable> ); } };

然后你的格式化程序看起来像:

formatExtraData={this.props}