React-Table-无法读取未定义的属性类型'map'

Question

通过他们使用我自己的数据进行的React-Table测试first example。事实证明，这比我想象的要困难得多，我被困在这里：

Uncaught TypeError: Cannot read property 'map' of undefined

这是我的代码：

DataTable组件

import React, {useMemo} from "react";
import Table from "./table";

function DataTable({cols, data}){

    const cols_ = useMemo(
        () => {
           return [...cols]
        }, [cols]
    )

    const data_ = useMemo(
        () => {
            return [...data]
        }, [data]
    )    

    return(
        <Table cols={cols_} data={data_}/>
    );
}

export default DataTable;

DataTable道具

cols = [{Header: "FNAME", accessor: "fname"}, {Header: "LNAME", accessor: "lname"}, ..]

data = [{fname: "Levon", lname: "Robinson", c1: "on"}, {lname: "Johnson", fname: ""}, ..]

表组件] >>

import React from "react";
import {useTable} from "react-table"

function Table({cols, data}){

    const {
        getTableProps,
        getTableBodyProps,
        headerGroups,
        rows,
        prepareRow
    } = useTable({
        cols,
        data
    })

    return(
        <h3>Table Component</h3>
    )
}

export default Table
以下是我遇到的错误的屏幕截图：

我似乎无法弄清楚我在做什么错，这里的任何帮助将不胜感激。

通过他们使用我自己的数据的第一个示例来测试React-Table。事实证明，这比我想象的要困难得多，我被卡住了：未被捕获的TypeError：无法读取...

Answer 1

正如该库的作者所指出的，似乎我在这里缺少了这一点：表组件