【ant-design】解决antd3.0版本TreeSelect组件初次点击面板消失

环境：

ant design 3.24.3

 

问题：

无论是用官方demo还是自己写的组件，初次点击展开按钮都会消失，第二次则不会

 

解决思路：

一开始我考虑的我的代码问题，然而我的同事直接复制我的代码到另外一个项目上并不会出现这个问题。

直接复制官方demo到项目中，也同样会出现这个问题。

这时我开始怀疑是否是安装的包有问题，故我从并尝试了几种安装包的方式（npm install,cnpm install ,yarn install....）

然而并没什么卵用╮(╯▽╰)╭

然后只能又换个思路，也许不是包的问题。

要不试试用一下Select会不会也有这个问题，毕竟他们两长得很像。

结果select并没有出现问题！然后重新点击TreeSelect，神奇的发现既然也不出现那个问题了！！！！！

难道是因为我点击了一次select？

我重新刷新页面，这次直接点TreeSelect，问题既然不出现了？这个bug神奇的解决了？？？

好无语。

 

总结：

引入Select,并调用（原因：我也不知道为什么╮(╯▽╰)╭，不太熟悉typescript,所以没看它的源码，而且单单引入Select并不能解决问题。）

import {Form,TreeSelect,Select} from "antd";
const { TreeNode } = TreeSelect;

class test extends React.Component{
    constructor(props) {
        super(props);
    }

    render(){
        return (
            <div>
                {/*隐藏select,这样就不影响原来的代码*/}
                <Select style={{display:'none'}}>
                    <Select.Option value="lucy"></Select.Option>
                </Select>
                <TreeSelect>这里自己按api写吧，不详细写，大概描述一下位置</TreeSelect>
            </div>
        )
    }
}