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));
}