antd - 在表单里的Tree控件，怎么给它赋defaultExpandedKeys，defaultSelectedKeys的初始值

问题描述

问 题

我在表单里放了一个Tree控件，想用initialValue给Tree的defaultExpandedKeys，defaultSelectedKeys和defaultCheckedKeys赋初始值，我该怎么做？下面是源码：

<FormItem {...formItemLayout} label="权限：" >
    {getFieldDecorator('authorities',{
        initialValue:''
    })(
        <Tree showLine checkable
            defaultCheckedKeys= {this.state.keys}
            defaultSelectedKeys = {this.state.keys}
            defaultCheckedKeys= {this.state.keys}
        >
            {firstRole}
        </Tree>
    )}
</FormItem>

我要怎样把defaultSelectedKeys等三个的值放在initialValue里。谢谢。

解决方案

Tree 不是 form control，你不能直接把 Tree 丢给 getFieldDecorator。如果非要这么做的话，可以自己把 Tree 封装下再丢给 getFieldDecorator。

class MyTree extends React.Component {
  render() {
    return (
      <Tree checkedKeys={this.props.value} onCheck={this.props.onChange} />
    );
  }
}

以上代码未经测试，仅供参考。

这篇关于antd - 在表单里的Tree控件，怎么给它赋defaultExpandedKeys，defaultSelectedKeys的初始值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！