Guys, react-intl or react-i18next? (в стэке будет ещё и redux)

есть два элемента, второй проскролили до половины. при нажатии на первый нужно поменять контент у второго и проскролить второй до верха страницы. как это можно сделать? только ref?

есть два элемента, второй проскролили до половины. при нажатии на первый нужно поменять контент у второго и проскролить второй до верха страницы. как это можно сделать? только ref?

Да

У всех редакс девтулз начали лагать?

У меня это недоразумение роняло дев сервак утечкой каждые 15 минут. Помог сном и обратная установка расширения

@ssupinsky тебя сейчас от бана за флуд спасли ток твои прошлые заслуги

@ssupinsky тебя сейчас от бана за флуд спасли ток твои прошлые заслуги

Бля, ты одмен((

Ладно, больше не буду))

народ почему эта функция первый раз выполняеться нормально а второй раз перезагружаеть страницу

funcarr(obj){ if (this.state.array.length>0){ console.log(5) for (let item =0; item< this.state.array.length; item++) { if (this.state.array[item].id == this._inputElement.value) { this.state.array.splice(i, 1); this.setState({ array: this.state.array.concat(obj) }) } else { this.setState({ array: this.state.array.concat(obj) }) } } }else { console.log(1) this.setState({ array: this.state.array.concat(obj) }) } } onClickKarzin(e) { let obj = { id:this._inputElement.value, value:this._inputId.value, key: Date.now() }; this.funcarr(obj) let arrr = this.state.array console.log(arrr) let serialObj = JSON.stringify(arrr); localStorage.setItem("karzina", serialObj); let returnObj2 = JSON.parse(localStorage.getItem("karzina")) e.preventDefault() }

funcarr(obj){ if (this.state.array.length>0){ console.log(5) for (let item =0; item< this.state.array.length; item++) { if (this.state.array[item].id == this._inputElement.value) { this.state.array.splice(i, 1); this.setState({ array: this.state.array.concat(obj) }) } else { this.setState({ array: this.state.array.concat(obj) }) } } }else { console.log(1) this.setState({ array: this.state.array.concat(obj) }) } } onClickKarzin(e) { let obj = { id:this._inputElement.value, value:this._inputId.value, key: Date.now() }; this.funcarr(obj) let arrr = this.state.array console.log(arrr) let serialObj = JSON.stringify(arrr); localStorage.setItem("karzina", serialObj); let returnObj2 = JSON.parse(localStorage.getItem("karzina")) e.preventDefault() }

Какая жесть, выложи на гист или codesandbox

onClickKarzin эт жоско, конечно

funcarr(obj){ if (this.state.array.length>0){ console.log(5) for (let item =0; item< this.state.array.length; item++) { if (this.state.array[item].id == this._inputElement.value) { this.state.array.splice(i, 1); this.setState({ array: this.state.array.concat(obj) }) } else { this.setState({ array: this.state.array.concat(obj) }) } } }else { console.log(1) this.setState({ array: this.state.array.concat(obj) }) } } onClickKarzin(e) { let obj = { id:this._inputElement.value, value:this._inputId.value, key: Date.now() }; this.funcarr(obj) let arrr = this.state.array console.log(arrr) let serialObj = JSON.stringify(arrr); localStorage.setItem("karzina", serialObj); let returnObj2 = JSON.parse(localStorage.getItem("karzina")) e.preventDefault() }

Скорее всего у тебя onClick к ссылке приделан а preventDefault не срабатывает

с предыдущем примером я разобрался теперь смотрите на странице есть две формы которая обрабатыет одна функция но почему то берет знаечение 2 формы вот так я передаю агргументы в функцию <input type="text" ref={(a) => this._inputElement = a} name="quant[5]" className="form-control input-number" в двух формах вот функция onClickKarzin(e) { e.preventDefault() let obj = { id:this._inputId.value, value:this._inputElement.value, key: Date.now() }; setTimeout(this.funcarr(obj), 100); setTimeout(this.func, 100); }

onClickKarzin эт жоско, конечно

и да с англиским я не дружу как и с русским

вообще можно обрабатывать не сколько форм одной функции?

есть мысли люди я конечно понимаю что я туплю но это мой первый проект на реакт и вообще за долгое время

Если сказать честно, то у тебя там пиздец и что-то как-то подсказать вообще хз как

ответье мне пожалуйста простьо как обработать две формы одной функцией

повесить на самбит один обработчик

повесиил

и он все равно берет данные из второй

а зачем ты через this._input... обращаешься? в e.target находится элемент по которому кликнули Очевидно что ты перезаписываешь ref

что делать тогда

Если сказать честно, то у тебя там пиздец и что-то как-то подсказать вообще хз как

?

брать из e.target?

щас попробую спасибо

?

и да я знаю что пиздец мы все такие были в начале

Блин я понял, в общем ты все делаешь не так как нужно смотри на инпуты вещаешь обработчик onChange и свойство name в обработчике onChange делаешь что то типа this.setState({ [e.target.name]: e.target.value } ) потом в обрабочтике сабмите берешь эти значения не из инпутов, а из стейта

Ты прочитай как работает реакт, ты пишешь на реакте, а мыслишь как будто пишешь на JQ

Блин я понял, в общем ты все делаешь не так как нужно смотри на инпуты вещаешь обработчик onChange и свойство name в обработчике onChange делаешь что то типа this.setState({ [e.target.name]: e.target.value } ) потом в обрабочтике сабмите берешь эти значения не из инпутов, а из стейта

Ну так это если 2 формы чалдятся в одном компоненте, + onchange каждому полю свой, это 100500 полей в стейте

Так ток для мелких форм

Блин я понял, в общем ты все делаешь не так как нужно смотри на инпуты вещаешь обработчик onChange и свойство name в обработчике onChange делаешь что то типа this.setState({ [e.target.name]: e.target.value } ) потом в обрабочтике сабмите берешь эти значения не из инпутов, а из стейта

а если в поле есть значение по дефолту

когда инициализируешь стейт пиши туда дефолтное значение а в инпуте присвайивай его в value

Ну так это если 2 формы чалдятся в одном компоненте, + onchange каждому полю свой, это 100500 полей в стейте

Константин, решайте проблемы по мере их поступления)

не не сработает через onChange я же беру каждое значение из опреденой формы то в стейте будет менять стейт даные не будут верны

это короче будет 2 поля для заказа а на одной странице их может быть капец много

Вынести 2 поля в отдельный компонент и навесить там обработчик

Сделать это как какую то отдельную сущность, типа заказ Кароче, что могу сказать, читайте доку

https://reactjs.org/docs/thinking-in-react.html

это вот так выглядит

Почитайте по ссылке, там рзабирается ваша проблема

одно поле на каждый товар

А должен быть один компонент на каждый товар

Все. Отошел.

Добрый вечер, подскажите пожалуйста хочу реализовать чтобы по счелчку удалялся элемент списка в целом все примитивно но работает, столкнулся с проблемой что при удалении полностью написанного текста с формы возникает ошибка, я так понимаю что мне надо реализовать функцию которая будет проверять не пустая ли строка, как мне эту функцию внутри метода запустить потом?https://stackblitz.com/edit/react-h2qzji

А есть какой нить focus out обработчик ?

А есть какой нить focus out обработчик ?

OnBlur

OnBlur

Оуу, спасиб

Добрый вечер, подскажите пожалуйста хочу реализовать чтобы по счелчку удалялся элемент списка в целом все примитивно но работает, столкнулся с проблемой что при удалении полностью написанного текста с формы возникает ошибка, я так понимаю что мне надо реализовать функцию которая будет проверять не пустая ли строка, как мне эту функцию внутри метода запустить потом?https://stackblitz.com/edit/react-h2qzji

https://stackblitz.com/edit/react-7vbku3

разобрался, всм спасибо

ребят можете пожаулйста ткнуть в статейку где показано практически примеры верстки сайта на реакте

ребят можете пожаулйста ткнуть в статейку где показано практически примеры верстки сайта на реакте

Нет разницы

просто хотелось живие примеры опытных людей посмотреть

ребзя создаю 2 рефа this.chatContainer = React.createRef(); this.heightSection = React.createRef(); потом в вёрстке двум блокам, секции и внутреннему элементу, прописываю их ref={this.heightSection} и ref={this.chatContainer} дальше пишу функцию compareHeight(), в которой нужно получить значения высоты этих элементов и сравнить их compareHeight() { const heightSection = this.heightSection.current.clientHeight; const heightSectionChat = this.chatContainer.current.clientHeight; } дальше внутри функции планирую делать сравнение высот, менять стейт и т д, но что-то я не так делаю на этом этапе. подскажите, что

Первый раз вижу createRef

я кнеш не самый зрячий

это новое апи для реф?

это новое апи для реф?

Уже давно

это новое апи для реф?

Уже старое

ERROR: S client not available

а старое-старое всё?

Ещё есть forwardref :)

я прост колбеками хуячил

а оно вон как

какие профиты у этого подхода?

никаких?

А просто прикинуть (node) => this.nodeElement = node

Всегда так с рефами делаю

уже поздно что-то менять, надо с этим разобраться

поясните ангуляровскму быдлу, как работать со стилями в реакте ?

В стиле ангуляра, это css-modules

ребзя создаю 2 рефа this.chatContainer = React.createRef(); this.heightSection = React.createRef(); потом в вёрстке двум блокам, секции и внутреннему элементу, прописываю их ref={this.heightSection} и ref={this.chatContainer} дальше пишу функцию compareHeight(), в которой нужно получить значения высоты этих элементов и сравнить их compareHeight() { const heightSection = this.heightSection.current.clientHeight; const heightSectionChat = this.chatContainer.current.clientHeight; } дальше внутри функции планирую делать сравнение высот, менять стейт и т д, но что-то я не так делаю на этом этапе. подскажите, что

что такое current?

Если используется лишь один access token то все вроде просто - токен можно достать из кук, проверить прям после создания стора и выставить флаг isLoggeIn, не делая запрос к серверу. А если еще есть refresh token для получения нового access token, то в каком месте посылать запрос ?

В стиле ангуляра, это css-modules

Спасибо

Чекну

Если используется лишь один access token то все вроде просто - токен можно достать из кук, проверить прям после создания стора и выставить флаг isLoggeIn, не делая запрос к серверу. А если еще есть refresh token для получения нового access token, то в каком месте посылать запрос ?

@why_jwt_is_bad

поясните ангуляровскму быдлу, как работать со стилями в реакте ?

Styled components

Styled components

Неее

Я больше в это не ввязываюсь

А се

А чё

Css in js давай скажи

@why_jwt_is_bad

what is this ? )

Я больше в это не ввязываюсь

?

а чего так?)

what is this ? )

Тьфу, мне чет показалось, что ты про jwt написал.

а чего так?)

Ну пишешь стили в строке тупа

Нечитабельно, неудобно, сложно рефакторить потом

Нечитабельно, неудобно, сложно рефакторить потом

ну слушай у меня vc плагин стоит, даже stylelint кушает такие строки, подсветка все есть, а про рефакторинг реально не понял

ну слушай у меня vc плагин стоит, даже stylelint кушает такие строки, подсветка все есть, а про рефакторинг реально не понял

Что за плагин?

Что за плагин?

https://github.com/styled-components/vscode-styled-components