fields.js

/*
*
* name: field'a özgü olmalıdır. Form gönderildiğinde değerlere values içerisinde verdiğiniz >>
* name değeri ile ulaşabilirsiniz.
*
* validate: doğrulama işlemlerini sağlar birden fazla doğrulama işlemini yapabilirsiniz.
*
* render: içerisine input ile ilgili componentleri yerleştirebilirsiniz.
*/

const CustomField = ({ name, placeholder, label, validate }) => {
  return (
    <Field
      {...{ name, validate }}
      render={({ input, meta }) => (<CustomTextInput {...{ input, meta, label, placeholder }} />)}
    />
  );
};

// Kullanımı

<CustomField
  name="password"
  validate={required}
  placeholder="Şifre Giriniz"
  label="Şifre"
/>
    
/*
* Bu örnekte birden fazla doğrulama işlemi yapılmıştır.
* Doğrulama için eklenen parametreler fonksiyon olması gerekir.
*/
    
<CustomField
  name="securityQuestion"
  validate={(required, checkQuestionValue)}
  placeholder="İşlemi yapınız"
  label="2 + 1"
/>