как экспортировать данные из таблицы начальной загрузки react без получения объектов

#reactjs #react-bootstrap-table

#reactjs #react-bootstrap-таблица

Вопрос:

Я использую таблицу начальной загрузки react для просмотра сетки. В том, что я использую 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>
 

Пример данных:
по этой ссылке вы можете найти пример изображения данных

Ответ №1:

Вы можете использовать csvFormat для преобразования вашего объекта в строку тот же способ, который вы используете dataFormat .