Сергей
причем данные подставляю теже самые, что и бекенд отдает
Vadim
да. когда данные руками подставляю такой проблемы нет. когда данные гружу аяксом то вылазит
Ну так а как мы можем помочь если не можем воспроизвести проблему?)
Сергей
вот поэтому я выше и писал про наставничество
Сергей
можно было бы в индивидуальном порядке подключиться к моей рабочей машине и можно было бы её воспроизвести и найти баг, а как показать сообществу проблему эту другим способом я не знаю
Vadim
причем данные подставляю теже самые, что и бекенд отдает
Попробуй замокать через тамауты ответ
Vadim
это как?
setTimeout(() => {this.setState({})}, 3000)
Ну типа что бы эмулировать задержку ответа сервера. Так может всплывет в чем у тебя проблема в сендбоксе
Vadim
183 строка в файле Warehouse.js это 185 строка в стандбоксе
Может у тебя компонент Tree ещё где-то используется, где ты ему ниче не передаёшь?
Сергей
Может у тебя компонент Tree ещё где-то используется, где ты ему ниче не передаёшь?
нет. он только в одном месте используется
Сергей
setTimeout(() => {this.setState({})}, 3000)
Ну типа что бы эмулировать задержку ответа сервера. Так может всплывет в чем у тебя проблема в сендбоксе
добавил. ситуация почти та-же, проблемы в стандобксе нет
Сергей
setTimeout(() => {this.setState({})}, 3000)
Ну типа что бы эмулировать задержку ответа сервера. Так может всплывет в чем у тебя проблема в сендбоксе
получилось сэмулировать https://codesandbox.io/s/quirky-thompson-l48vo
Vadim
получилось сэмулировать https://codesandbox.io/s/quirky-thompson-l48vo
Сергей
Сергей
Vadim
есть какие-нибудь замечания по архитектуре кода? только осваиваю магию реакта, открыт к критике
Для начинающего сойдёт, но так то все не хорошо
Китикет
есть какие-нибудь замечания по архитектуре кода? только осваиваю магию реакта, открыт к критике
Именование, переносы скобок, стиль не из жс
Китикет
Китикет
много лет на сях под контроллеры пишу
И посмотри что такое class properties (class fields), чтобы делать методы стрелочными функциями и не биндить this в конструкторе
Китикет
И стейт тоже можно обьявлять как class property и не делать это в конструкторе
Сергей
Dmitriy
И стейт тоже можно обьявлять как class property и не делать это в конструкторе
И не делать конструктора...
Сергей
пытался въехать в хуки, эта магия пока мне недоступна) но почитываю материалы на эту тему
Indra
уважаемые, есть глупый вопрос.
есть юзкейс - нужно драг-н-дропать айтемы между компонентами (на данный момент листы хранятся как state в root компоненте).
структура компонентов такая:
---- root [state - list of draggable items per child component]
--------- parent component #1
------------------ list of draggable items [1,2,3,4]
--------- parent component #2
------------------ list of draggable items [5,6,7,8]
--------- parent component #3
------------------ list of draggable items [9,10]
как корректно работать при таком раскладе с обновлениями стейтов? напрашивается - определить колбек функцию в root, но тянуть ее через компоненту вниз - корректно ли?
Vladimir
Всем привет. Подскажите что я делаю не так ?) Как подключить стороние Jquery либы ?
так ругается
import $ from 'jquery';
import ionRangeSlider from 'ion-rangeslider';
подключаю в index.html cdn результат тот же (((
Volodymyr
щас захуесосят за жквери
Vladimir
Какая ошибка?
c jquery вроде бы разобрался, сначало по ней была ошибка. Оказалось нужно v3 импортить так import $ from 'jquery/src/jquery'
Теперь, не работает плагин TypeError: this.$el.chosen is not a function
Vladimir
хотя на codepen все аналогично и ошибок нет (
Vladimir
Может, то чем я сейчас занимаюсь порнография и вы подскажите норм range slider для реакта, 😁
Nikolai
Denis
Может, то чем я сейчас занимаюсь порнография и вы подскажите норм range slider для реакта, 😁
точно порнография. выбирай любой:
https://www.google.com/search?q=range+slider+react
Vladimir
спасибо )
Dmitriy
https://github.com/facebook/react/blob/769b1f270e1251d9dbdce0fcbd9e92e502d059b8/packages/shared/ReactWorkTags.js
Что за конструкция начина с 10 строки?
Vadim
https://github.com/facebook/react/blob/769b1f270e1251d9dbdce0fcbd9e92e502d059b8/packages/shared/ReactWorkTags.js
Что за конструкция начина с 10 строки?
Побитовое ИЛИ. Хотя нефига. Там вроде flow, значит это типа union наверное
Андрей
Anonymous
Тимофей 🛴
Anonymous
все, нашел, спасибо
Oruj
куда мне засунуть node server.js?
Oruj
Igor
иди в чатик @node_js, причём тут реакт?
Артем
Ну так то это не совсем чисто нодовская хрень... У человека поднимается реактовский сервер разработки...
Артем
Который входит собственно говоря в "пакет установки" проекта...
Kurzdor
ну дайте сорсы, может ошибка в них
Nikolai
Ну так то это не совсем чисто нодовская хрень... У человека поднимается реактовский сервер разработки...
Реактовский сервер разработки?)
Андрей
Это точно не в чат с реактом.
Kurzdor
никто не знает элегантного решения скрывать футер и хэдер при переходе на страницу?
просто вот дизайнер ебнул такое мнение, что не надо показывать их на той странице?
если можно, то получше решение по типу Context в рут компоненте + useState
Kurzdor
так, глупый вопрос задал, сам и отвечаю
useRouteMatch от react-router-dom и все
maximus
доброе утро!
maximus
как в реакте через консоль браузера можно взаимодействовать с классами?
maximus
например App.my_function()
Nikolai
как в реакте через консоль браузера можно взаимодействовать с классами?
Так же как и не в реакте
maximus
App.togglePopup()
VM710:1 Uncaught ReferenceError: App is not defined
at <anonymous>:1:1
Nikolai
App.togglePopup()
VM710:1 Uncaught ReferenceError: App is not defined
at <anonymous>:1:1
Я думаю тебе стоит почитать про глобальную область видимости и чем отличается класс от инстанса класса. Ну и в целом js подучить прежде чем на реакте писать что то
maximus
когда уже написал почти законченное приложение, оказыватся не надо было писать в реакт..😕
Nikolai
когда уже написал почти законченное приложение, оказыватся не надо было писать в реакт..😕
Дети в школе сочинения тоже пишут, с ошибками и плохо зная русский язык. Это был совет без сарказма, изучи базовый инструмент - сам язык для начала
maximus
ок
Andrew
А как можно обновить состояние стейта пропсами без перерисовки. Задача такая. Есть форма,данные приходят с бэка,эти данные может редактировать пользователь. В проекте есть редакс,делаю запрос на бэк,дальше данные передаю в редакс,а от туда в компонент. Сейчас использую cDU там сравнию пропсы и записываю их в стейт,но такая реализация приводит к тому,что компонент два раза перерендеривается и пользователь сначало видит данные по умолчанию в стейте,а потом после второго рендара данные с бэкенда.Хотелось бы избавиться от этого эффекта
Andrew
@Baxxterkhv в стейте просто пустые строки
Nikolai
@Baxxterkhv в стейте просто пустые строки
Ну с точки зрения ux проще добавить оверлей+спиннер, чтобы пользователь понимал что идёт запрос и никуда кликнуть не мог
Nikolai
Можно ещё флаг в сторе isLoaded проверять или данные в null выставлять и просто не рендерить компоненты без данных актуальных
Andrew
Мне кажется это какие кастыли,нет?
Andrew
@ivanov_vvv никаких других способов кроме как this.setState({test: props.test})нету?
Nikolai
@ivanov_vvv никаких других способов кроме как this.setState({test: props.test})нету?
Зачем пропсы в стейт сохраняешь? Это лишний ререндер и неконсистентность
Andrew
@Baxxterkhv Потому что мне надо пользователю в полях инпут показать данные которые пришли в бэкенда. Он еще эти данные должен редактировать,если я буду показывать пропсы,то их редактировать нельзя же
Nikolai
Vadim
@ivanov_vvv никаких других способов кроме как this.setState({test: props.test})нету?
Так а ты в initialState положи их
Vadim
setState здесь не нужен
Andrew
@Baxxterkhv получается мне в этом методе просто надо вернуть объект,который смержится со стейтом и если надо сам обновит его?
Китикет
Посмотри на темплейты
@feature_slices