Блог

Я использовал форму 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 (которая определена в моих правилах = {{}}) также требуется для выдачи ошибки, как и для первого, если пользователь нажимает на отправку, оставляя это значение пустым, он видит это. Итак, есть ли способ, которым я могу запустить onChange и handleChange как в методе onIonChange?

Я не использую ionic, но разве вы не можете просто написать это так?

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