Reactjs Redux表单:选择特定选项时删除字段数据

Reactjs Redux表单:选择特定选项时删除字段数据,reactjs,forms,rest,httprequest,redux-form,Reactjs,Forms,Rest,Httprequest,Redux Form,我有一个地址表,有美国选项和国际选项。选择“美国”选项后,将出现“州”下拉列表。选择“国际”选项后,“状态”下拉列表将消失 我的问题是,当选择一个状态时,当选择国际选项时,状态选项的表单数据不会被删除,并且我会向我的服务发布 是否有办法确保在选择“国际”时发送空字符串,而不是之前的数据 下面是我的无线电组字段选择美国或国际的代码 <Field component={RadioGroup} name={

我有一个地址表,有美国选项和国际选项。选择“美国”选项后,将出现“州”下拉列表。选择“国际”选项后,“状态”下拉列表将消失

我的问题是,当选择一个状态时,当选择国际选项时,状态选项的表单数据不会被删除,并且我会向我的服务发布

是否有办法确保在选择“国际”时发送空字符串,而不是之前的数据

下面是我的无线电组字段选择美国或国际的代码

             <Field
                component={RadioGroup}
                name={countryCodeName}
                choices={[
                    {
                        label: 'U.S. or U.S. Territory',
                        value: 'USA'
                    },
                    {
                        label: 'International',
                        value: 'international'
                    }
                ]}
                label="Location"
            />

以下是仅在美国选择的州代码。我使用redux表单中的formValueSelector来实现这一点

            {hasInternationalValue === 'USA' && (
                <Field
                    component={Select}
                    name={stateName}
                    label="State"
                    options={stateOptions}
                />
            )}
{hasInternationalValue=='USA'&&(
)}

我最终通过使用Redux表单的change()函数解决了这个问题

更改(形式:字符串,字段:字符串,值:字符串) 将值保存到字段中

表格内:

this.props.changeFormValue('fieldValue', data);
容器内:

changeFormValue: (key, value) => {
    dispatch(change('formName', key, value));
}