在 Ionic4 React 的 onIonChange 上运行两个函数

Question

我一直在使用 React hooks 表单，但是遇到了需要设置状态并调用 onChange 方法来消除我已进行验证的错误的情况。这是我的代码

<Controller
              render={({ onChange, onBlur, value }) => (
                <IonSelect
                  placeholder="Select a State"
                 
                  onIonChange={onChange}
                  onIonChange={(e:any)=>{
                    handleChange(
                      "selectedStateForBilling",
                      String(e.detail.value)
                    ); 
                  }}
                 
                >
                  {state.states.map((item) => (
                    <IonSelectOption value={item} key={item}>
                      {item}
                    </IonSelectOption>
                  ))}
                </IonSelect>
              )}
              control={control}
              name="billingState"
              defaultValue=""
              rules={{
                required: true,
              }}
            />

所以看看这段代码，你可能会看到我想实际运行两个 onIonChange 方法，一个用于更新状态变量，另一个用于更新“billingState”，这样我就可以摆脱所需的错误：true（在我的规则={{}}) 也需要抛出错误，因为如果用户点击提交，他看到这个值是空的。那么有没有办法我可以在 onIonChange 方法中同时运行 onChange 和 handleChange ？

Answer 1

我不使用ionic，但你不能这样写吗？

onIonChange={(e: any) => {
  onChange();
  handleChange(
    "selectedStateForBilling",
     String(e.detail.value)
  ); 
}}