基本的反应表组件不呈现数据

Question

此基本反应表代码呈现列标题，但不呈现数据。

显然我遗漏了一些基本的东西。有人可以解释一下吗？

    <ReactTable 
        data = {[['one',1],['two',2]]} 
        columns = {[{Header:'One'},{Header:'Two'}]}
    />

Answer 1

您提供了无效的data和columns 这是他们应该是这样的样子

const data = [
  {
    someField: 'one',
    anotherField: 1
  },
  {
    someField: 'two',
    anotherField: 2
  }
];

const columns = [
  {
    Header: 'Some Field',
    accessor: 'someField'
  },
  {
    Header: 'AnotherField'
    anotherField: 'anotherField'
  }
];

然后你像这样呈现表格

<ReactTable 
  data = {data} 
  columns = {columns}
/>