Redux-Form：选择特定选项时删除字段数据

Question

我有一个包含美国选项和国际选项的地址表。当U.S。选项 selected 出现状态下拉列表。 select 编辑国际选项时，状态下拉列表消失。

我的问题是当一个州被 selected 时，当国际选项被 selected 并且我做了 POST 为我服务。

有什么方法可以确保在 selected 国际化时发送空字符串，而不是之前的数据。

下面是我的无线电组字段到 select U.S 的代码。或国际。

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

以下是仅适用于美国 selection 的州的代码。我使用 redux-form 中的 formValueSelector 来完成这个。

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

Answer 1

我最终使用 Redux-Form 的 change() 函数解决了这个问题。

改变（形式：字符串，field:String，value:String）将值保存到字段。

表格内：

this.props.changeFormValue('fieldValue', data);

容器内：

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

Redux-Form：选择特定选项时删除字段数据

Redux-Form: Delete field data when specific option is selected

forms

rest

httprequest

reactjs

redux-form