微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

另一个下拉菜单的下拉列表的redux-form更改列表

如何解决另一个下拉菜单的下拉列表的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 举报,一经查实,本站将立刻删除。