Formik and yup implement

1 files changed, 18 insertions, 0 deletions

diff --git a/src/components/SelectFormik.js b/src/components/SelectFormik.js
new file mode 100644
index 00000000..4fd711c5
--- /dev/null
+++ b/src/components/SelectFormik.js
@@ -0,0 +1,18 @@
+import ReactSelect from "react-select";
+
+const SelectFormik = ({
+  options,
+  field,
+  form
+}) => {
+  return <ReactSelect
+    options={options}
+    name={field.name}
+    value={options ? options.find(option => option.value === field.value) : ''}
+    onChange={(option) => form.setFieldValue(field.name, option.value)}
+    onBlur={field.onBlur}
+    classNamePrefix={field}
+  />
+}
+
+export default SelectFormik;
\ No newline at end of file