Объекты недопустимы как дочерние элементы React.Найдено: объект с ключами {.... Если вы хотели визуализировать коллекцию для детей, используйте вместо этого массив - PullRequest
0 голосов
/ 01 февраля 2019

Я пытаюсь отобразить массив объектов в реагирующей таблице и получаю эту ошибку: объекты недопустимы как дочерний элемент React (найдено: объект с ключами ... Если вы намеревались отобразить коллекцию дочерних элементоввместо этого используйте массив. В чем проблема?

Я добавил prop-типы, и я выполняю рендеринг, только если я точно знаю, что это массив, и я все еще получаю эту ошибку.

import React from 'react'
import ReactTable from 'react-table'
import PropTypes from 'prop-types';

const RegularReactTable = ({data, columns, classNames}) =>{
    const d = [...data]
    console.log('d',d)
    return (
        <ReactTable 
            data = {Array.isArray(d)? d: []}
            columns={columns}
            // turn this to true to see the effect
            showPagination ={false}
            pageSize = {d.length }
            className={classNames}
        />
    )
}

RegularReactTable.propTypes ={
    data: PropTypes.array,
    columns: PropTypes.array,
    classNames: PropTypes.string
}

export default RegularReactTable

формат столбцов: [{Заголовок: 'что-то', аксессор: 'someElse'}, ...] формат данных: [{someElse: 'SomeValue', ...}, ...] Примечание: столбцы ' средства доступа соответствуют одному из ключей в массиве данных *1015* одного объекта

(можетна самом деле не размещать реальные данные)

это должно быть просто, но я получаю ошибку

...