form.js

/*
* initialValues: fieldların default değerlerini atamayı sağlar. Atamak için field'a özgü olan name kullanılır.
*
* onSubmit: handleSubmit fonksiyonu çalıştırıldığında doğrulama işlemleri başarılı olursa tetiklenir. values >>
* içinde field'ların değerleri bulunur.
*
* render: form fieldlarını basıldığı kısımdır.
*
*/

const initialValues = { email: '', password: '', securityQuestion: '' };

<Form
        initialValues={initialValues}
        onSubmit={values => alert(JSON.stringify(values))}
        render={({ handleSubmit }) => {
          return (
            <>
              <CustomField
                name="email"
                validate={required}
                placeholder="Eposta Giriniz"
                label="Eposta"
              />
              <CustomField
                name="password"
                validate={required}
                placeholder="Şifre Giriniz"
                label="Şifre"
              />
              <CustomField
                name="securityQuestion"
                validate={(required, checkQuestionValue)}
                placeholder="İşlemi yapınız"
                label="2 + 1"
              />
              <Button {...{ handleSubmit }} />
            </>
          );
        }}
      />