Question

我试图在React表中显示对象数组，但出现此错误：对象作为React子对象无效（找到：带键的对象...如果要渲染子对象集合，请改用数组。问题出在哪里？

我添加了prop-types，只有在我确定它是一个数组并且仍然出现此错误的情况下，我才渲染。

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中'，...}，...] 注意：在列存取对应于在数据的阵列单个对象

键中的一个

（实际上无法发布真实数据）

这应该很简单，但是我遇到了错误

Answer 1

如果将来有人遇到这种情况，当我的一个列访问器为空时，我会收到此错误。我有一个“空格”列，没有访问器，导致了此问题。

对象作为React子代无效。找到：带有键{....的对象。如果要为儿童渲染集合，请改用数组

1 个答案: