Question

我正在开发具有离子反应的移动应用程序，问题是当我使用multiselect属性时，它停止显示所选数据。

（Ionic 4 + React）我正在尝试在React功能组件（React.FC）的一个钩子中设置数据，当我只从选择中选择一项时，一切正常，但停下来以显示所选值当我选择一个以上的标签时

挂钩声明：

const [riskForm, setRiskForm] = useState({
    id: 0,
    description: '',
    category: 0,
    inherentImpact: 0,
    inherentChance: 0,
    possibleEffects: [],
  });
  const { id, description, category, inherentImpact, inherentChance, possibleEffects } = riskForm;

选择实现：

<IonItem>
              <IonLabel position="floating">Posibles Efectos</IonLabel>
              <IonSelect
                multiple
                placeholder="Seleccione..."
                name={'possibleEffects'}
                value={possibleEffects}
                onIonChange={e => updateFormRisk(e)}
              >
                {riskPossibleEffects().map((health: any, i: number) => (
                  <IonSelectOption key={i} value={`[${JSON.stringify(health)}]`}>
                    {health.title}
                  </IonSelectOption>
                ))}
              </IonSelect>
            </IonItem>

OnIonChange函数updateFormRisk：

const updateFormRisk = (event: any) => {
    setRiskForm({
      ...riskForm,
      [event.target.name]: event.target.value,
    });
  };

当前结果是从多选中选择一项以上后我看不到数据

离子反应多选择

0 个答案: