/
Jafar
/
react-hook-form
Обзор
Документация
Войти
/
Jafar
/
react-hook-form
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/AuthForm/AuthForm.tsx
53 строки
2 KB
jafar
add component Autocomplete
03 фев 2024, 13:53
03 фев 2024, 13:53
3dfc830
Код
Авторство
О чём код?
import React, {memo, useState} from 'react'; import {Button, TextField, Typography} from "@mui/material"; import "./AuthForm.css"; import {useForm, FormProvider, Controller, SubmitHandler, useFormState} from 'react-hook-form'; import {FormFields} from "./ FormFields/ FormFields"; import {hasFormSubmit} from "@testing-library/user-event/dist/utils"; import {RHFAutocompleteField} from "./ FormFields/RHFAutocompleteFieldProps"; export interface ISignForm { login: string, password: string, autocomplete: string, autocomplete2: string, } export const AuthForm = memo(() => { const methods = useForm<ISignForm>({ mode: "onChange" }); const onSubmit: SubmitHandler<ISignForm> = (data) => { console.log(data); }; const options = [ {id: "1", label: "Option 1"}, {id: "2", label: "Option 2"}, ]; return ( <> <div className="auth-form"> <FormProvider {...methods}> <form className="auth-form" onSubmit={methods.handleSubmit(onSubmit)}> <FormFields /> <Button type="submit" variant="contained" fullWidth={true} disableElevation={true} sx={{ marginTop: 2 }} > Войти </Button> </form> </FormProvider> </div> </> ); });