/
valslava
/
react-practice_project
Обзор
Документация
Войти
/
valslava
/
react-practice_project
Код
Запросы
0
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
main
src/components/UI/Input/Input.js
40 строк
906 B
valslava2
add validation for email and password inputs
09 мар 2024, 20:54
09 мар 2024, 20:54
9682a02
Код
Авторство
О чём код?
import React from "react" import classes from './Input.css' function isInvalid ({valid, touched, shouldValidate}) { return !valid && touched && shouldValidate } const Input = props => { const inputType = props.type || 'text' const cls = [ classes.Input, ] const htmlFor = `${inputType}-${Math.random()}` if (isInvalid(props)) { cls.push(classes.invalid) } return ( <div className={cls.join(' ')}> <label htmlFor={htmlFor}>{props.label}</label> <input type={inputType} id={htmlFor} value={props.value} onChange={props.onChange} > </input> { isInvalid(props) ? <span>{props.errorMessage || 'Введите верное значение'}</span> : null} </div> ) } export default Input