antd Modal彈框中select選擇

第一次彈框

第二次彈框

如圖所示，我點(diǎn)開彈框之后選擇“所屬渠道”，對(duì)應(yīng)的“渠道編碼”填到后邊的框中

不知道為什么第二次第三次..第N次彈框我選擇“所屬渠道”，“渠道編碼”出來(lái)之后，select選中的值不展示，有時(shí)候渠道編碼的值也會(huì)沒有 只有第一次才是正常的

開始我想可能是彈出框臟數(shù)據(jù)的鍋 可是我加上彈出框的key值之后數(shù)據(jù)是顯示正常了 但是這個(gè)問題仍然存在

this.state = {
    visible: false,
    visibleKey:0,
    channelId:"",
};
showModal = () => {
    this.props.clearData();
    this.props.dataId(this.props.id);
    this.setState({
        visible: true,
        visibleKey: this.state.visibleKey+1,
    });
};
<Modal
    title="上架"
    width={1000}
    visible={this.state.visible}
    onOk={this.handleOk.bind(this)}
    onCancel={this.handleCancel}
    key={this.state.visibleKey}
>
...
</Modal>

<Col span="8">
    <FormItem {...formItemLayout}  label="所屬渠道" >
        {getFieldDecorator('channelId', {
            initialValue:goodsDataRow.channelId,
            //rules: [{ message: '請(qǐng)?zhí)顚懰鶎偾溃?}],
        })(
            <Select onSelect={this.handleSelect.bind(this)}>
                {this.props.channel.map((item,index)=>{
                    return(
                        <Option key={index} value={item.id}>{item.name}</Option>
                    )
                })}
            </Select>
        )}
    </FormItem>
</Col>
<Col span="8">
    <FormItem {...formItemLayout}  label="渠道編碼" >
        {getFieldDecorator('channelCode', {
            //initialValue:this.props.channelCode,
        })(<Input />)}
    </FormItem>
</Col>

handleSelect = (value, option) =>{
    this.setState({
        channelId:value,
    });
    this.props.validatePutaway(value,this.props.id);
    this.props.selectChannelByDetail({id:value},this.getChannelCode);
};
getChannelCode = (value) =>{
    this.props.form.setFieldsValue({"channelCode":value});
};

請(qǐng)問這個(gè)會(huì)是什么問題