antd使用

1.Tooltip的getPopupContainer改变浮层渲染父节点

getPopupContainer={trigger => trigger.parentNode}

// 往上几个父节点的话
getPopupContainer={trigger => trigger.parentNode.parentNode.parentNode.parentNode}

2. antd中select

  • 设置了value之后,defaultValue就不起作用了

  • 设置了value并且value不为undefined之后,placeholder就不显示了,所以可以value=value || undefined

this.state = {
    dataReportType: '',
}

 ....
 this.handleSelectChange(value, -1)}
                    labelInValue
                    disabled={editFlag && !valid}
                >
                    {this.setOptions(ruleOutputCandidates)}
                
            )}
        
    
    
        
            {getFieldDecorator('outputSecondValue', {
                initialValue: ioSecondSelDef[0],
                rules: ioSecondValueDis[0] && [
                    { required: true, message: '请输入自定义输出!' },
                    { validator: this.validateOutput, }
                ],
            })(
                 
            )}
        
    

上述选中的可以显示为20页/条

6.select选中值拿取当前行其他值

描述一个自己思路转不过来的坑-----

问题描述:

const optionDatas = [
    {text:'aaaaa',id:1,params:['aad','bubu'],val: 'dada'},
    {text:'nnnnn',id:2,params:['daf','bubus'],val: 'dsada'},
    ....
]



往往optionDatas是一个对象数组,同时,显示的是text,value是一个id之类的值,但是在选中值后,我们某时会需要取得选中的这条数据中的其他值如params,此时,思路需要转坑---value可以改,
value={index},handleChange时,选中的paramsoptionDatas[index].params;

(复杂(或者多个select时)时可以使用value={{index}},此时split('-')可以拿到id和index。)

7. Dropdown的menu是一个组件时

Dropdown的menu是一个组件时,点击item之后,下拉框并不会自动收起,解决办法,Dropdown和menu写在一个组件中。

你可能感兴趣的:(antd使用)