antd 默认展开的三种实现方式

// 默认展开方式一（使用key属性和defaultExpandedKeys属性配合）：
<Tree
  checkable
  onCheck={onCheck}
  fieldNames={{ title: 'name', key: 'id', children: 'subFolderNodes' }}
  treeData={nodeDataList}
  titleRender={titleNode}
  key={expandedKeys.toString()}
  defaultExpandedKeys={expandedKeys}
/>;

// 默认展开方式二（保证异步数据拿到后，和defaultExpandedKeys属性配合）：
{
  Array.isArray(nodeDataList) && nodeDataList.length > 0 && (
    <Tree
      checkable
      onCheck={onCheck}
      fieldNames={{ title: 'name', key: 'id', children: 'subFolderNodes' }}
      treeData={nodeDataList}
      titleRender={titleNode}
      defaultExpandedKeys={expandedKeys}
    />
  );
}

// 默认展开方式三（使用onExpand属性和expandedKeys属性配合）：
<Tree
  checkable
  onCheck={onCheck}
  fieldNames={{ title: 'name', key: 'id', children: 'subFolderNodes' }}
  treeData={nodeDataList}
  titleRender={titleNode}
  onExpand={onExpand}
  expandedKeys={expandedKeys}
/>;

 

注意：在设置expandedKeys时，要判断异步数据中以哪个字段作为key，通常是id字段