переключить Ioni c React переключатель в списке - PullRequest
1 голос
/ 21 февраля 2020

Ниже карта, которую я создал. В нем перечисляется необходимое оборудование, прежде чем пользователь сможет принять предложение о работе.

Функция CheckBox

 function handleCheckbox(e, item) {
    const checkedBoxes = [...checkedBoxes];
    if(e.target.checked) {
      checkedBoxes.push(item)
    } else {
      const index = checkedBoxes.findIndex((ch) => ch === item);
      checkedBoxes.splice(index, 1);
    }
    setCheckedBoxes(checkedBoxes);
  }

Список карт

{Object.values(equipment).map((item, i) => {
         return (

       <IonItem key={item}>
        <IonLabel>{item}</IonLabel>
        <IonRadio mode="md" slot="start" value={item} checked={checkedBoxes.find((ch) => ch !== item)} onIonChange={(e) =>{handleCheckbox(e, item);}}/>
       </IonItem>


         );
       })}

У меня есть кнопка «принять», которую нужно отключить, пока не будут проверены все рад ios.

У меня проблема с тем, когда радио проверено, оно не может быть проверено, и также я не уверен, как проверить, если оно проверено или нет, потому что все они могут отличаться в зависимости от работа, которая предлагается.

Обычно я беру идентификатор поля ввода и передаю его функции, чтобы убедиться, что он не пуст.

Пример функции проверки

\\\\\\\validate Input's\\\\\\\\\\\

function validateForm() {
    return ( streetAddress.length > 0 && city.length > 0 && state.length > 0);
}

Подтверждение кнопки

\\\\\\\\\button is disabled unless {!validateForm} returns true.\\\\\\\

 <IonButton disabled={!validateForm()} onClick={checkPrice} expand="block" type="button" >Calculate</IonButton>

Как заставить проверяемый элемент снять флажок и как проверить, проверены ли они или нет?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...