首次将状态数据置为null

Question

我正在拍摄数据＆＃39;来自api。第一次当组件呈现时，它将数据变为null但是在一段时间之后它有api数据。我从api获取数据但由于初始空值而无法呈现它。

class CallData extends Component {
      componentWillMount() {
        if (this.props.onPageLoad) {
          this.props.onPageLoad();
        }
      }


      render() {
        const {data} = this.props;
        console.log("data of table...");
        console.log({data});
        if (!data.length) {
          return null;
        }

        return(
          <div>
            {console.log(data)};

          </div>
        );

      }
    }


    export default CallData;

Answer 1

我认为你有两个不错的选择：

1. Sepcify组件的默认道具

2. 在渲染方法中声明数据的默认值：const {data = {}} = this.props;

3

return(
      {this.props.data && <div>
        {console.log(data)};
      </div>}
    )