antd TreeSelect异步加载时的默认选中
时间: 2024-02-20 22:57:05 浏览: 159
可以通过设置`defaultValue`或`value`来设置异步加载时的默认选中项。具体实现可以参考以下代码:
```jsx
import { TreeSelect } from 'antd';
const loadData = async (treeNode) => {
// 异步加载数据
}
class MyComponent extends React.Component {
state = {
value: undefined,
};
componentDidMount() {
// 在组件挂载后,设置默认选中项
this.setState({
value: ['1', '2', '5'],
});
}
onChange = (value) => {
this.setState({ value });
};
render() {
const { value } = this.state;
return (
<TreeSelect
treeData={/* tree 数据 */}
loadData={loadData}
defaultValue={value} // 或者使用 value
onChange={this.onChange}
/>
);
}
}
```
在上面的代码中,我们首先定义了一个`loadData`函数,用来异步加载树形数据。然后在`MyComponent`组件的`componentDidMount`生命周期方法中,设置了默认选中项为`['1', '2', '5']`。最后在`TreeSelect`组件中,将`defaultValue`设置为`value`,并在`onChange`方法中更新`value`的值,以便在后续的交互中获取用户选择的值。
阅读全文