如何在不获取对象的情况下从反应引导表中导出数据

Question

我正在使用 react bootstrap 表进行网格视图。因为我使用exportCSV={true} 导出数据。我将导出数据作为[Object]。

在下面我提供代码和示例数据。请检查并帮助我在导出的数据中获取正确的数据和列名。

反应代码：

                  <BootstrapTable
                    data={this.state.auditActivityData}
                    version="4"
                    striped
                    hover
                    pagination
                    search
                    exportCSV={true}
                    options={DatatableOptions}
                  >
                    <TableHeaderColumn
                      dataField="comment_images"
                      dataFormat={this.fileHandle.bind(this)}
                      dataSort
                      width="75"
                    >
                      Files
                    </TableHeaderColumn>
                    <TableHeaderColumn
                      isKey
                      dataField="auditId"
                      dataFormat={this.auditdata.bind(this)}
                      dataSort
                    >
                      Audit Name
                    </TableHeaderColumn>
                    <TableHeaderColumn
                      dataField="assetId"
                      dataFormat={this.AssetName.bind(this)}
                      dataSort
                    >
                      Asset Name
                    </TableHeaderColumn>
                    <TableHeaderColumn
                      dataField="assetId"
                      dataFormat={this.assetcode.bind(this)}
                    >
                      asset Code
                    </TableHeaderColumn>
                    <TableHeaderColumn
                      dataField="comment"
                      // dataFormat={this.AssetStatus.bind(this)}
                    >
                      Comments
                    </TableHeaderColumn>
                    <TableHeaderColumn
                      dataField="commentedBy"
                      dataFormat={this.auditedBy.bind(this)}
                    >
                      Auditor
                    </TableHeaderColumn>
                    <TableHeaderColumn
                      dataField="assetAvailability"
                      dataFormat={this.assetAvailability.bind(this)}
                      thStyle={{ whiteSpace: "normal" }}
                    >
                      Asset Availability
                    </TableHeaderColumn>
                    <TableHeaderColumn
                      dataField="assetCodition"
                      dataFormat={this.AssetCondition.bind(this)}
                      thStyle={{ whiteSpace: "normal" }}
                    >
                      Asset Condition
                    </TableHeaderColumn>

示例数据： In this link you can find the example data image

Answer 1

您可以使用csvFormat 将您的对象转换为字符串，就像使用dataFormat 一样。