从API拉取数据到react-bootstrap-table-2

Question

我正在从一个API中提取数据，并尝试将其显示在我的引导数据库表中。它显示了，但我得到了一些错误。第一个问题是关于“data”是必需的。

​

第二个问题似乎是数据没有及时加载，但我已经使用了一个if语句来先加载数据。

    if (this.props.dataState.loaded){
         data = this.props.data.content;
        } else {
          this.renderLoading();
        }
    return( ...

​

​

有时它会显示没有问题的页面，有时它会影响其他组件，它们不会加载。我总是收到控制台错误。知道我做错了什么吗？

谢谢!

Answer 1

您还需要检查dataState是否存在，这与检查dataState.loaded的方式相同。对于下面的代码，我假设data.content的默认属性类型是一个数组。

试试这个：

if (this.props.dataState && this.props.dataState.loaded){
         data = this.props.data.content ? this.props.data.content : [] ;
} else {
          this.renderLoading();
       }

我希望这能行得通。