antd 下拉框怎么联动_antd下拉框联动使用步骤详解

这次给大家带来antd下拉框联动使用步骤详解，antd下拉框联动使用的注意事项有哪些，下面就是实战案例，一起来看一下。

先说一下效果要求，上面一个下拉框，下面一个，要求上面选中的时候，下面的内容要跟着变。

因为想到react是数据驱动的，就不打算再用jq的那种隐藏显示了，而是通过在执行类型下拉框的onChange事件中，去改变下面的下拉框的数据，渲染出不同的下拉选择。

定义数据：modeOptions是各个下拉框的值，由于选中号码的时候是输入框，这里号码的options为空。

constructor(props) {

super(props)

this.modeOptions = {

'channelMode': {options: ['通道1', '通道2', '通道3', '通道4'], text: '通道'},

'batchMode': {options: [1, 2, 3, 4, 5], text: '批次'},

'numberMode': {options: [], text: '号码'},

'areaMode': {options: ['福州市', '厦门市'], text: '区域'}

}

this.state = {

select