javascript - 有没有办法在react js中获取API来 react 表？

Question

我想将剩余的 api 数据提取到 react 表中。我该如何设置 react 表内的行数据来自获取的值 componentDidMount()？

以下是我的示例代码:

constructor() {
  super();
  this.state = {
    data: [],
  }
}
componentDidMount() {
  fetch('https://facebook.github.io/react-native/movies.json').then((Response) => Response.json()).
  then((findresponse) => {
    console.log(findresponse.movies)
    this.setState({
      data: findresponse.movies
    })
  })
}


render() {
  this.state.data.map((dynamicData, key) => {
      const data = [{
          name: {
            this.dynaimcData.title
          },
          age: {
            this.dynamicData.releaseYear
          }]
      })

    const columns = [{
        Header: 'Name',
        accessor: 'name'
      },
      {
        Header: 'Age',
        accessor: 'age'
      }
    ]

    return (<ReactTable data: {data} column: {columns}/>)
  })
}

Answer 1

终于找到了答案...但是我没有使用react表...我无法找到答案..相反我使用了普通的Html表..这不是我的问题的正确答案..但考虑到这对我发布此答案的人有用...

constructor() {
    super();
    this.state = {
        data: [],
    }
}
componentDidMount() {
    fetch('https://facebook.github.io/react-native/movies.json').then((Response) => Response.json()).
            then((findresponse) =>
            {
                console.log(findresponse.movies)
                this.setState({
                    data: findresponse.movies
                })
            })
}
render()
{


    return(
            <table className="tat"> 
    <tr><th>name</th><th>year</th></tr>
        {
                this.state.data.map((dynamicData) =>
            <tr className="trow"> <td>  {dynamicData.title} 
        </td> <td> {dynamicData.releaseYear} </td>
                                </tr>
                               ) }
                        </table>


            )
}

输出:

Output for fetching api values inside table

我无法在 React 表中设置 State，但在这里为表数据定义 api 有点容易，因为它完全由我们定义。因此，我确实为表定义了默认结构，然后通过使用数据映射函数，我动态地将值插入表行内。因此，它对于根据需要创建动态数量的行也很有用。使用 HTML 表格的唯一缺点是我们必须定义表格排序的进一步功能，但在 React 表格​​中可以使用预定义的功能。

如果有人能给出在 React Table 中获取 api 值的答案，那就更有用了。

谢谢。