如何使用 React-Table 库获取 Json

Question

我参考的例子如下： https://codesandbox.io/s/github/tannerlinsley/react-table/tree/master/examples/sub-components

我想获取一个 json 文件并将后者的元素传递给 table 而不是像前面的示例那样生成它们。获取的说明对我来说很清楚，但我不明白如何将它们集成到 "makeData" 文件中。

这是我的 "makeData" 代码：

import ReactDOM from 'react-dom';

const range = len => {
  const arr = []
  for (let i = 0; i < len; i++) {
    arr.push(i)
  }
  return arr
}

const newPerson = () => {
  fetch('http://localhost:5000/api/azienda')
  .then(res => res.json())


 //   .then((rows) => {
  //     ReactDOM.render(this.makeData(rows), document.getElementById('root'));
   //   });
}

export default function makeData(...lens) {
  const makeDataLevel = (depth = 0) => {
    const len = lens[depth]
    return range(len).map(d => {
      return {
        ...newPerson(),
        subRows: lens[depth + 1] ? makeDataLevel(depth + 1) : undefined,
      }
    })
  }

  return makeDataLevel()
}

如有任何建议，我将感谢您

Answer 1

在构造函数中创建一个数组，其中将存储数据，从服务器链接中获取数据，然后将其放入table

  constructor(props, context) {
    super(props, context);
    this.state = { items: []};
  }


  getList = () => {
    fetch("http://localhost:5000/api/azienda")
      .then(res => res.json())
      .then(items => this.setState({ items }))
      .catch(err => console.log(err));

  };

  componentDidMount() {
      this.getList();
  }

如何使用 React-Table 库获取 Json

How to Fetch Json with React-Table library

json

fetch

reactjs

react-table