代码之家  ›  专栏  ›  技术社区  ›  jayanes

在Ant设计中选择onChange函数不触发

  •  -1
  • jayanes  · 技术社区  · 6 年前

    我创建了表单项。它包含select选项。当没有onchange函数时,我可以用表单值触发器提交表单。但是当我在提交非触发器字段值时添加任何onchange函数时

    这里是我的代码

    <Form>
        <FormItem {...formItemLayout} label="Provincial">
            {
                getFieldDecorator('provinsId', {
                    rules: [{
                        required: true,
                        message: 'Please select  provincial',
                    }],
                initialValue:this.props.formDataEdit.provincialName,
    
            })(
            <Select onChange={this.getDistrictByProvins} placeholder="Please select category">
                {allProvins}
            </Select>
            )}
        </FormItem>
    </Form>
    
    getDistrictByProvins=()=>{//getting data from DB}
    
    1 回复  |  直到 6 年前
        1
  •  0
  •   Lucifer    6 年前

    您可以将其设置为受控组件。

    <Select value={selectedOption} onChange={this.getDistrictByProvins} placeholder="Please select category">
            {allProvins}
        </Select>