我正在研究React / Redux应用程序,我也在使用BootstrapTable。
在dataFormat方法中我还需要传递道具吗?现在我的格式方法如下:
function linkFormatter(cell, row) {
//Logic
}
我尝试使用:
let self = this;
以this.props.isStatatusActive
方式访问道具,但它也给了我错误:isStatatusActive is undefined.
有什么建议吗?
答案 0 :(得分:1)
如果我正确理解了您的问题,并且您希望不仅可以访问表格中的单元格和行,还可以访问您的道具,那么就非常了解this article中的示例。
file.bytes = []
正是您要找的。 p>
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}