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

【问题标题】：Redux-Form: Delete field data when specific option is selectedRedux-Form：选择特定选项时删除字段数据
【发布时间】：2019-01-07 00:17:06
【问题描述】：

我有一个包含美国选项和国际选项的地址表。选择U.So选项时，将出现一个状态下拉。选择国际选项后，状态下降消失。

我的问题是选择了一个状态时，选择了国际选项时，状态选项的表单数据不会被删除，并且我将发布到我的服务。

有没有办法让我确保在选择国际时发送一个空字符串，而不是以前的数据。

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

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

以下是仅适用于美国选择的州代码。我使用 redux-form 中的 formValueSelector 来完成此操作。

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

【问题讨论】：

标签： reactjs forms rest httprequest redux-form

【解决方案1】：

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

更改（表单：字符串，字段：字符串，值：字符串）将值保存到字段中。

表格内：

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

容器内：

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

【讨论】：