/
WorldOfYuri
/
react-1
Обзор
Документация
Войти
/
WorldOfYuri
/
react-1
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components/Dialogs/AddMessageForm/AddMessageForm.tsx
33 строки
992 B
Юрий Кузмичев
add useSelector and useDispatch
21 июл 2023, 13:45
21 июл 2023, 13:45
d34690f
Код
Авторство
О чём код?
import { InjectedFormProps, reduxForm } from "redux-form"; import { maxLenthCreator, required, } from "../../../utils/validators/validators"; import { Textarea, createField } from "../../common/FomsControls/FormsControls"; import { NewMessageFormType } from "../Dialogs"; const maxLength50 = maxLenthCreator(50); type NewMessageFormValuesTypeKeys = Extract<keyof NewMessageFormType, string>; type PropsType = {}; const AddMessageForm: React.FC< InjectedFormProps<NewMessageFormType, PropsType> & PropsType > = props => { return ( <form onSubmit={props.handleSubmit}> <div> {createField<NewMessageFormValuesTypeKeys>( "Enter your message", "newMessageBody", [required, maxLength50], Textarea )} </div> <div> <button>Send</button> </div> </form> ); }; export default reduxForm<NewMessageFormType>({ form: "dialog-add-message-form", })(AddMessageForm);