react+antd 常用組件碰到的問題總結

對antd使用沒有深入研究，下面一些爲碰到的有些組件的問題，以及解決方式
1.篩選框
a.時間篩選框（有時候需要清空篩選框，這時需要給篩選框設置value屬性值）

 <RangePicker style={{width: 180}}
            key={this.state.keyValue}    //當點擊重置或者清空按鈕時，在將值設置爲  keyValue: new Date(),
            onChange={(data, dataString) => {
            this.setState({startTime: dataString[0]});
            this.setState({endTime: dataString[1]})
  }}/>

*b.當需要**返顯**時間篩選框時間時，需要設置defaultValue值，結合moment使用需要先判斷當前要返顯的值是否存在*

<DatePicker
                        defaultValue={this.state.startTime ? moment(this.state.startTime, 'YYYY-MM-DD') : null}   //startTime爲你要返顯的時間
                        disabledDate={(date) => {
                            return (!date || date.valueOf() > Date.now())
                        }} onChange={(a, date) => {
                        this.setState({startTime: date})
                    }}/>

2.多選框（multiple）
a.清空（添加key屬性），當點擊清空時，給key設置隨機數

<Select labelInValue mode="multiple" key={this.state.selectValue}   // 清空時設置 selectValue: Math.random()
                            style={{minWidth: 200, width: 'auto'}}
                            onChange={(res) => {
                                let r = [];
                                res.map((v) => {
                                    r.push(v.key)
                                });
                                const param = {
                                    loanType: r.join(',')
                                };
                                this.queryTableOK(param)
                                this.setState(param)
                            }}>
                         <Option value="disabled" disabled>請選擇</Option>
                    </Select>