antd-design treeselect 默认显示树

需求是默认一进去显示整棵树,但是在antd-design(https://ant.design/components/tree-select-cn/)默认都是收起来的,没有API满足这个需求;本想用原来的tree树,但是循环起来太麻烦了;而且也找不到对应展开树的方法,被封装的太深了。
后面终于找到了对应的API,只是antd-design没有写而已。

请下拉选择}
	 searchPlaceholder="please search"
	 showSearch
	 allowClear
	 treeLine
	 searchValue={searchValue}
	 value={value}
	 treeData={gData}
	 treeNodeFilterProp="label"
	 filterTreeNode={false}
	 onSearch={this.onSearch}
	 open={tsOpen}
	 onChange={(val, ...args) => {
	   console.log('onChange', val, ...args);
	   if (val === '0-0-0-0-value') {
	     this.setState({ tsOpen: true });
	   } else {
	     this.setState({ tsOpen: false });
	   }
	   this.setState({ value: val });
	 }}
	 onDropdownVisibleChange={(v, info) => {
	   console.log('single onDropdownVisibleChange', v, info);
	   // document clicked
	   if (info.documentClickClose && value === '0-0-0-0-value') {
	     return false;
	   }
	   this.setState({
	     tsOpen: v,
	   });
	   return true;
	 }}
	 onSelect={this.onSelect}
	/>

详细的代码是:http://react-component.github.io/tree-select/examples/basic.html。 主要是open,然后设置onDropdownVisibleChange方法判断。

你可能感兴趣的:(react)