This is just a technology testing project based on Create React App and TailwindCSS
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

36 Zeilen
1.4KB

  1. import React from 'react'
  2. import FormikControlString from './FormikControlTypes/FormikControlString'
  3. import FormikControlText from './FormikControlTypes/FormikControlText';
  4. import FormikControlPassword from './FormikControlTypes/FormikControlPassword'
  5. import FormikControlCheckbox from './FormikControlTypes/FormikControlCheckbox'
  6. import FormikControlCheckboxGroup from './FormikControlTypes/FormikControlCheckboxGroup';
  7. import FormikControlRadioGroup from './FormikControlTypes/FormikControlRadioGroup';
  8. import FormikControlUserConsent from './FormikControlTypes/FormikControlUserConsent'
  9. export function FormikControl(props) {
  10. const { control, ...rest } = props
  11. switch (control) {
  12. case 'string':
  13. return <FormikControlString {...rest} />
  14. case 'password':
  15. return <FormikControlPassword {...rest} />
  16. case 'text':
  17. return <FormikControlText {...rest} />
  18. // case 'select':
  19. // return <FormikControlSelect {...rest} />
  20. case 'radio-group':
  21. return <FormikControlRadioGroup {...rest} />
  22. case 'checkbox':
  23. return <FormikControlCheckbox {...rest} />
  24. case 'checkbox-group':
  25. return <FormikControlCheckboxGroup {...rest} />
  26. case 'userconsent':
  27. return <FormikControlUserConsent {...rest} />
  28. default:
  29. return null
  30. }
  31. }
  32. export default FormikControl