Asynchronously loaded antd Tree component that sets defaultExpandAll to true but does not work

the main code is as follows, but the rendered tree is all turned off. How to solve it? Thank you ~

componentDidMount() {
    // TreeData
  getTreeData = (appId) => {
    const { dispatch } = this.props;
    const { selectedKeys } = this.state;
    dispatch({
      type: "auth/getTreeData",
      payload: {
        appId, // 
      },
      callback: (data) => {
        if(data.isSuccess){
          this.setState({       //state
            treeData: data.res,     
          });
        }
      },
    });
  }
}

//render
<Tree
  defaultExpandAll
  onSelect={this.onSelect}
>
  {this.renderTreeNode(treeData)}
</Tree>

Sep.07,2021

get the data and then render tree,. Do not render tree when there is no data

//render
{treeData&&
<Tree
  defaultExpandAll
  onSelect={this.onSelect}
>
  {this.renderTreeNode(treeData)}
</Tree>:null}
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3ce09-2c358.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3ce09-2c358.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?