【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>
        )
    }
}