如何解决另一个下拉菜单的下拉列表的redux-form更改列表
我没有看到针对此问题的解决方案,我确信这是显而易见的。经典国家/州问题 场景: 具有两个Form.Select(语义ui-react)字段的redux表单
<FormSection name="addressInfo">
<Field
component={renderSelect}
label="Country"
fieldName="country"
name="country"
onChange={(newValue) =>
change("addressInfo.provstate",renderProvinceState(newValue))
}
options={renderCountries()}
/>
<Field
component={renderSelect}
label="Province/State"
fieldName="provstate"
name="provstate"
multiple
options={renderProvinceState("Canada")}
/>
我的选项构建器如下:
const renderCountries = () => {
if (!countries) return null;
var options = [];
Object.keys(countries).map((key) => {
options.push({
key: key,text: countries[key].country,value: countries[key].country,});
return null;
});
return options;
};
const renderProvinceState = (country) => {
if (!country) return null;
var states = countries.filter((s) => s.country == country)[0].states;
if (!states) return null;
var options = [];
Object.keys(states).map((key) => {
options.push({
key: key,text: states[key],value: states[key],});
return null;
});
return options;
};
我的下拉列表创建成功,我获得了加拿大的国家和省份列表。当我更改国家/地区时,出现以下错误:
index.js:1 Dropdown `value` must not be an array when `multiple` is not set. Either set `multiple={true}` or use a string or number value.
Warning: Failed prop type: Invalid prop `value` supplied to `Dropdown`.
我是新来的反应者,react-redux,感谢任何人可能有的见识。我曾尝试将value = {[]}添加到provstate obj,但这并不能解决任何问题。
我正在使用的实际组件如下:
export const renderSelect = ({
label,Meta,input,name,options,placeholder,}) => {
return (
<Form.Select
className={`${Meta.error && Meta.touched ? "error" : ""}`}
label={label}
name={input.name}
onChange={(e,{ value }) => input.onChange(value)}
options={options}
placeholder={placeholder}
value={input.value}
/>
);
};
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。