Андрій
а в чем?
Koks
Тоесть достаточно просто изменить стейт
Андрій
ну так я изменяю стейт, но ко мне приходит старый
Koks
IsStatus если не exists то falls
Андрій
да
Андрій
в чем тут проблема?)
Андрій
Он изменяет статус при проверке или существует пользователь
Koks
Хах)
Koks
А зачем ты меняешь?) Итак же статус есть)
Андрій
Ну даже если я этот статус сразу записываю, то потом он всё равно с опозданиями приходит
Андрій
Проблема как по мне не в этом
Koks
Да пока не в этом) надо дальше смотреть)
Андрій
Я б скинул полностью проект, но у меня там бэкэнд и фронт и много чего нужно будет, чтобы запустить 😅
Андрій
Но могу чисто фронт кинуть
Koks
Status
Koks
В этом проблем
Koks
Status: action.status
Koks
А у тебя login: action.status
Андрій
А в чем здесь ошибка? я для проверки записываю в логин этот статут и всё
Koks
А в статус что записываешь?
Андрій
В статус тру или фолс, чтобы потом эту переменную использовать для валидации формы
Koks
Нет
Koks
IsStatus
Koks
Status
Koks
Login
Андрій
Логин это для теста
Андрій
IsStatus
Это переменная для валидации
Koks
Просто не логично
Koks
В логин засовывать статус
Koks
Для которого есть статус
Koks
Который ты не используешь)
Андрій
Та это для теста)
Андрій
Чтобы на консоле вывести, у меня просто переменная была уже и я её так использовал для теста
Андрій
Это тоже не важно
Koks
Хмм
Koks
Ненада так делат) сложно
Андрій
Проблема в другом. Как обновить стейт сразу же после отправки запроса
Андрій
Чтобы сразу получить данные
Андрій
Чтобы это было более синхронично
Koks
Обновить стейт? После отправки
Koks
Или после получения данных?
Андрій
Лучше после получения
Koks
В том и прикол что когда диспачишь ты обновляешь стейт
Koks
А он перерисовввает
Андрій
Да, но в итоге я получаю ещё старые данные
Koks
Если позже не решится скинешь мне я посмотрю) на компе
Koks
Сразу решится проблем)
Андрій
Хорошо, спасибо)
Koks
Я погнал))
Michail
Кто ниюудь значет чаты про sapui5
Petrov
У кого какой дизайн соц сети получился ?🙃
Пока как-то так, но дизайном ещё не занимался особо, так набросал, чтобы глаза не резало
Petrov
Дизайн 2-3 дня, главное дописать всю BLL а потом анимации и прочее. Эти все иконки анимированные, приколько вроде динамика есть
Petrov
Radical Design Approach_))))
Koks
import React from 'react'; import { useState,useEffect,useLayoutEffect } from 'react'; import s from './index.module.css'; import Form from 'react-bootstrap/Form'; import Row from 'react-bootstrap/Row'; import Col from 'react-bootstrap/Col'; import InputGroup from 'react-bootstrap/InputGroup'; import FormControl from 'react-bootstrap/FormControl'; import ButtonDefault from '../buttonDefault'; import { Field, reduxForm } from 'redux-form'; import { InputText, InputEmail, InputPassword } from '../common/formsControls'; import { required, maxLengthCreator, email, minLengthCreator, checkLengthPesel, checkNumbers, isLoginCreator, isConfirmCreator, } from '../../utils/validation'; import * as axios from 'axios'; class Register extends React.Component { state = { password: null, isConfirm: undefined, }; postData = data => { this.props.registerForm(data); }; isConfirm = isConfirmCreator(this.state.password, this.state.confirmPassword); isLogin = isLoginCreator(this.props.isStatus); render() { return ( <div className={s.backgroundRegister}> <div className={s.container}> <RegisterFormRedux login={this.props.login} onSubmit={this.postData} isLogin={this.isLogin} getStatus={this.props.getStatus} password={this.state.password} isStatus = {this.props.isStatus} isConfirmPasswordError={this.isConfirmPasswordError} isConfirm={this.isConfirm} getLogin={this.props.getLogin} /> <div className={s.infoContainer}> <div className={s.info}> <span className={s.textInfo}>Do you have an account?</span> <div className={s.buttonLinkLogin}> <ButtonDefault to="/login" buttonName="login" /> </div> </div> </div> </div> </div> ); } } const maxLength15 = maxLengthCreator(15); const minLength6 = minLengthCreator(6); const FormRegister = props => { let [isStatus, setStatus] = useState(props.isStatus); useEffect(()=>{ setStatus(props.isStatus); },[props.isStatus]); let [login, setLogin] = useState(props.login); useLayoutEffect(()=>{ setLogin(props.login); },[props.login]); const onBlurLoginInput = values => { props.getStatus(values.currentTarget.defaultValue); console.log(isStatus); console.log('show -> '+login); //props.getLogin(values.currentTarget.defaultValue); };
Выведи в консоль не логин а пропс логин
Koks
У тебя в локал стейт не обновляется логин
Андрій
В пропс голине тоже самое
Albert
привет, не подскажите, когда должен срабатывать этот дебагер? https://yadi.sk/i/VaOP2S6f_0GVfg
{ Amir }
дизайн минутка
{ Amir }
Daria
))
мне нравится. круто
Данил
дизайн минутка
maqq1e.github.io/social-network Знаю - в дизайне я не силён мягко говоря.
Данил
maqq1e.github.io/social-network Знаю - в дизайне я не силён мягко говоря.
Кста, в хроме на телефоне у меня почему-то не отображаются иконки снизу в навбаре. У кого хром на телефоне - у вас так же?
{ Amir }
прикольно, музыкальный плеер)
Данил
прикольно, музыкальный плеер)
Вообще он на диких костылях. Логика работает в контейнере, а стоило бы её вынести отдельно. Но пока не пришла норм идея для реализации этого, да и времени как-то нет.
{ Amir }
)
{ Amir }
В учебный план входит сервер сайд рендеринг?
{ Amir }
как подружить сео и реакт
Petrov
как подружить сео и реакт
Next.is или Gatsby. Вроде слышал, что будет во втором сезоне. Я буду пробовать сам перетащить на next, когда допишу
Petrov
спасибо за ответ
Само по себе react spa без SSR мало чего стоит, как можно один тэг HTML продвигать?)) зато реакт unopinionated, хоть к headless WordPress поключай.
{ Amir }
Хочу работать с реакт, но в конторе(обычная веб студия) надо доказать зачем он нужен, как работает с сео и вообще какая выгода бизнесу
Petrov
это что unopinionated ?
Не навязывает никакой архитектуры, просто даёт api для рендеринга. Тот же redux, это уже выбор наш, можем mobx. Можем rest api можем graphQL и так далее