#10 – Форма для добавление записи

Полезные ссылки:

• Официальный сайт Formik;
• Команда для установки Formik.

Библиотека Formik

Ранее в курсе мы уже работали с формами и получали данные от пользователя. Тогда мы не использовали дополнительных библиотек, так как наша форма состояла лишь из одного поля. При использовании более сложных форм всегда есть смысл использовать стороннюю библиотеку «Formik».

Эта библиотека позволяет быстро получить данные из всех полей формы, обработать данные и сделать в дальнейшем с ними любые удобные манипуляции.

Установка библиотеки

Для установки библиотеки необходимо выполнить специальную команду в терминале:  

npm i formik

После этого вы сможете её импортировать и использовать в проекте.

Работа с библиотекой

Для работы с формами вам сперва нужно создать объект на основе «Formik» и далее прописать внутри него все необходимые поля. Пример реализации подобного можно увидеть ниже: 

<Formik initialValues={{ fields: '' }} onSubmit={(values) => {
	// Здесь прописываете действия
	console.log(values);
}}>
	{(props) => (
		{/* Здесь прописываем все необходимые поля */}
	)}
</Formik>