Artem
как ты отправил картинку?)
Barmaley
как вы пишете сюда буквы?
Vladislav
У меня стикеры с большим эго
Vladislav
На весь экран) Все не флудим)
Oleg
кто здесь босс?
Oleg
Daria
вопрос все еще открыт
Oleg
туф туф
Oleg
😆
Vladislav
Хорошо хоть не забанил
Artem
в бан матершинники) и кто не умеет вести себя достойно)
Oleg
это да
Artem
в основоном тут все красавчики
Artem
но бывают случаи
Vladislav
И красотки) если ориентироваться на статистику Олега
Oleg
да
Oleg
сладкие
Artem
ага)
Artem
но наша Дашулька на 1-м месте)
Oleg
🔥
Artem
она вне конкуренции)
Daria
ой ну все все, захвалили))
Vladislav
Дашулька тоже реакт бомбит?
Vladislav
Ну все, тогда без комментариев)
Roman
Всем привет.Помогите разобраться. отправляю форму ,обычную без формиков там всяких и тд. В функции,которую в последствии передаю в onSubmit, делаю запрос на сервак, а после получения данных делаю проверки совпадают ли заполненые поля ввода. Так вот нажал на кнопку один рас пришел ответ, начинаю вводить бред- нажимаю кнопку и ничего не происходит,а должны ошибки там высвечиваться,только с сервера ответ есть,потом второй клик и эти ошибки появляются. Короче двойной клик получается.В чем может быть проблема или что я не так делаю?
Дмитрий
Winston Smith
Кто работал с гридами из материал UI ?
Roman
import React, {useState, useCallback} from 'react';
import styles from './index.module.css';
import { useHistory } from "react-router-dom";
import { login } from "../../api/api";
const Login = () => {
const [isError, setError] = useState(false);
const [email, setEmail] = useState('');
const [password, setPassword] = useState('');
const [redirect, setRedirect] = useState(false);
const [loginResponse, setLoginResponse] = useState('');
const history = useHistory();
const handleEmailChange = useCallback((e) => {
setEmail(e.target.value);
}, [setEmail]);
const handlePasswordChange = useCallback((e) => {
setPassword(e.target.value);
}, [setPassword]);
const onSubmit = (event) => {
event.preventDefault();
login(email, password).then(response => {
setLoginResponse(response);
if (loginResponse.code === 404) {
history.push('/register')
} else if (loginResponse.code === 403) {
setError(true);
} else if(redirect) {
history.push('/')
}else{
setError(false);
setRedirect(true)
}
})
};
return (
<div>
<form onSubmit={onSubmit} method={'post'}>
<h1>Login</h1>
<div className={styles.blockInput}>
<input className={isError ? styles.inputError : null}
onChange={handleEmailChange}
placeholder={'Enter your email'}
type='text'
name='email'
value={email}
/>
<input className={isError ? styles.inputError : null}
onChange={handlePasswordChange}
placeholder={'Enter your password'}
type='password'
name='password'
value={password}
/>
<p className={isError ? styles.error : styles.errorBlock}>
{loginResponse.success}
</p>
</div>
<div>
<button type={"submit"} >Sign in</button>
</div>
</form>
</div>
)
};
export default Login
Olexandr
Только есть два разных материала, @material-ui и material ui
Olexandr
В первом удобная документация, но бывает нехватка пропсов, приходится выдумывать как переопределять, второй более богат по кастомизации через пропсы.
Oleg
их два что ли
Oleg
я один ток знаю
Oleg
mui
Oleg
а чо за второй, дай сыль
Olexandr
В нпм можешь найти
Olexandr
У первого свой сайт с подробной документацией
Olexandr
Разве что баги попадаются, особенно в lab (там альфа)
Jasur
Oleg
ну ясно, второй шляпа
Olexandr
Но полезные штуки типа рейтинга, скелетонов, автозаполнения и алерты
Olexandr
Сделав проект на хуках, понял что хуки удобнее чем на классах писать, понятнее (наверное) легче читается.
Winston Smith
Только есть два разных материала, @material-ui и material ui
Olexandr
Разве документации не хватает?
Oleg
Artem
Artem
выведи в консоль
console.log('test => ', props)
Artem
я просто не до конца понимаю что не так
Jasur
я просто не до конца понимаю что не так
Artem
Artem
тебе пришли пропсы в юзерИнфо
которые ты прокидываешь в виде юзер
Oleg
разбийник
Artem
теперь у тебя в Коммент пропсами приходит этот юзер
Artem
и все
Artem
и пиши стрелочные функции
Oleg
😆😆
Artem
Artem
Artem
если не понял могу нарисовать или как то иначе обьяснить
Jasur
запомни, то что ты передаешь в тег то придет тебе в тот компонент пропсами
Вот здесь перепутал, можете нарисовать
Artem
ща попробую доступно
Oleg
война войной а обет по расписанию
Artem
+
Артем
Ребят можете скинуть готовый read.me файл react-app проекта ?
Артем
Я вообще хз как и что туда писать
Артем
Я программист а не писатель