Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

138
Visualizações
React Formik and Checkbox

I need to map dynamicaly on a array. This array can change with a search field and i need to know what checkbox are checked to send my data with a submit but i dont find the right way to do to check the checkbox with Formik. This is my code :

const initialValues = {
    checked: [],
  };

  const onSubmit = (values) => {
    console.log(values);
  };

<Formik onSubmit={onSubmit} initialValues={initialValues}>
          {({ values, handleSubmit }) => (
            <form
              onSubmit={handleSubmit}
              noValidate={true}
            >
              {Listing.map((Search, index) => {
                if (
                  Search.installationAddress.includes(
                    searchMeter
                  ) ||
                  Search.deviceId.includes(searchMeter)
                ) {
                  return (
                    <div
                      key={index}
                    >
                      <Checkbox
                        color="text.standard"
                        label={`${Search.installationAddress}`+" Compteur N° " +`${Search.deviceId}`}
                        type="checkbox"
                        name="checked"
                        value={{
                          contractAccountId:
                            Search.contractAccountId,
                          deviceId: Search.deviceId,
                        }}
                        size="large"
                      />
                    </div>
                  );
                }
              })}
              
              <Checkbox
                color="text.standard"
                label="I confirm"
                onChange={() => setValidationButton(!validationButton)}
                value=""
                checked={validationButton}
              />
              <Button
                type="submit"
                disabled={!validationButton}
              
              >
               ACTIVATE
              </Button>
            </form>
          )}
        </Formik>
about 4 years ago · Santiago Trujillo
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda