Alex
ну такое
Alex
Если Map не зайдет то попробую
Alex
попробую обязательно, спасибо
Alex
хотя вообще неплохая идея...
Yura
Dmytro
Yura
у тебя match = undefined
ну я это понял, у меня воообще в консольку когда вывожу this.props пустой обьект🤷♂️
Dmytro
ну а ты пытаешься ещё ко вложенным свойствам обращаться
Dmytro
оберни компонент в withRouter
Yura
оберни компонент в withRouter
да, сработало, спасибо) только вопрос, я думал withRouter юзать для дочерних компонентов, тоесть если у меня линк к Posts, а у него внутри есть Post, то withRouter будет передавать пропсы от Posts к Post, а тут немного иначе?
Dmytro
да, сработало, спасибо) только вопрос, я думал withRouter юзать для дочерних компонентов, тоесть если у меня линк к Posts, а у него внутри есть Post, то withRouter будет передавать пропсы от Posts к Post, а тут немного иначе?
withRouter нужен если тебе в компоненте нужны объекты роутера
Yura
withRouter нужен если тебе в компоненте нужны объекты роутера
а, тепер понял логику, спасибо большое)
Китикет
Доброе утро
Evgeniy
Ребят, привет! кто-нибудь знает правило в eslint, запретить длинные цепочки свойств. Типа this.props.data.user.info.name
Илья
Kurzdor
Ребят, привет! кто-нибудь знает правило в eslint, запретить длинные цепочки свойств. Типа this.props.data.user.info.name
https://eslint.org/docs/rules/prefer-destructuring
Таймураз
Ребят, привет! кто-нибудь знает правило в eslint, запретить длинные цепочки свойств. Типа this.props.data.user.info.name
Смысл в импортировании сущности в компоненте с логикой
Только примитивы уже в компоненты отображения
Evgeniy
Prefer destructuring?
Интересное правило, но хотелось бы, если скажем более трёх вложенностей, то ругался
Evgeniy
Смысл в импортировании сущности в компоненте с логикой
Только примитивы уже в компоненты отображения
Пример просто из головы.
Таймураз
Пример просто из головы.
Ты импортируешь сущность пользователя с вложенными полями, если используешь несколько полей из пользователя- лучше передавать в компонент пользователя и из него уже доставать нужные тебе данные
Таймураз
Либо можешь селектор написать, который будет нужные тебе данные из пользователя доставать
Evgeniy
Либо можешь селектор написать, который будет нужные тебе данные из пользователя доставать
Пример, просто из головы, такого в коде нет. Мне нужно причесать итеративно легаси код.
Evgeniy
С советами, полностью согласен)
Таймураз
То, что ты написал- не грязь
Таймураз
Ну грязь, но разве что то, что деструктуризация не используется
Ну и селектор для сущности можно дополнительно использовать
reselect + lodash/ramda
Китикет
Без реселекта редакс невозможно юзать
Yura
у меня вопрос по Routing например, если в одном компоненте у меня есть Route, то для этого роута я могу в любому другом компоненте прописть Link, и оно найдет этот Route?
Cenator 🐈
но только если импортировать компонент Linkа в компонент Routa
В любой компонент внутри Router context
Артур
Всем привет, у меня вопрос. Как с помощью хуков получать текущее состояние? Я не привожу пример кода, так как я хочу узнать общий алгоритм действий и понять как это работает)
Cenator 🐈
Всем привет, у меня вопрос. Как с помощью хуков получать текущее состояние? Я не привожу пример кода, так как я хочу узнать общий алгоритм действий и понять как это работает)
Usecallback/useEffect, либо функция—апдейтер
Volodymyr
El
Volodymyr
Требуется ли передавать state в setState(state => ...) ?
это я пробовал засетит, возможно тот подход не верный
El
Тот - указанный на скрине?
Volodymyr
Тот - указанный на скрине?
да, на скрине
setstate не сработал, так как возможно написано не верно
El
Вы уверены, что setState принимает что-либо, что не объект? На скрине ему подана функция.
Ryhor
Есть какие-нибудь варианты сделать таблицу расширяемой, как в exel? Чтобы я мог потянуть за колону и расширить ее. Может есть какие-то готовые решения?
Дмитрий
Вы уверены, что setState принимает что-либо, что не объект? На скрине ему подана функция.
Да, туда можно и функцию передать
Volodymyr
Maksim
El
Там это указано прямо рядом с вопросом.
Maksim
что именно?
Dmitry
Всем привет! Скажите, я верно понимаю, что props всегда статичные и их апдейтить нельзя, а state можно?
Maksim
да
El
Нельзя внутри самого компонента, что их принимает, иначе это их мутация. Можно их менять в кто послал эти пропсы в компонент.
Dmitry
Нельзя внутри самого компонента, что их принимает, иначе это их мутация. Можно их менять в кто послал эти пропсы в компонент.
ага, то есть вот я создаю компонент, затем его рендерю с пропсами и извне этого компонента у меня есть стейт, в котором я кручу верчу эти пропсы, и реакт автоматически их апдейтит?
El
Можно запилить коллбек от парента и через него менять пропсы в паренте по изменению данных в компоненте, куда пропсы отправляются.
El
ага, то есть вот я создаю компонент, затем его рендерю с пропсами и извне этого компонента у меня есть стейт, в котором я кручу верчу эти пропсы, и реакт автоматически их апдейтит?
В доках Реакта это называется lift state. Загуглите, там наглядный пример.
Dmitry
Спасибо! 🙂
El
Вот: https://reactjs.org/docs/lifting-state-up.html.
Dmitry
Я сейчас как раз в документации на тикающих часах и пытаюсь понять, как же они апдейтятся эти часы
Dmitry
https://reactjs.org/docs/state-and-lifecycle.html#converting-a-function-to-a-class
Dmitry
вот он тут пишет, что каждый раз когда проп будет апдейтится компонент будет ререндериться
El
Входящий проп да. Изнутри компонента его обновит ток изменение в его локальном стейте. (И forceUpdate(), была такая функция)
El
Стейт это как проп, ток локальный. Местное состояние компонента. Прочее приходит снаружи.
El
Да, туда можно и функцию передать
Речь о хуках. setState в примере это сеттер в
const [state, setState] = useState(...).
Alexey
Ребят. Где можно посмотреть готовый проект на реакте, чтобы увидеть пример "корректной" структуры? Не Todo или Hello world, а приближенный к реальности
El
С классами есть в моей репе, без таковых на ноуте. То же приложение, переписано на хуки.
Alexey
С классами есть в моей репе, без таковых на ноуте. То же приложение, переписано на хуки.
А есть какие-то популярные репы с демонстрацией этого? Желательно 16.8
Looch
Looch
Гугли в этом чате
El
Вот его ютьюб: https://www.youtube.com/watch?v=IXicdkQchTk
Nikolai
Ребят. Где можно посмотреть готовый проект на реакте, чтобы увидеть пример "корректной" структуры? Не Todo или Hello world, а приближенный к реальности
https://github.com/gothinkster/react-redux-realworld-example-app
Alexey
Спасибо всем за помощь!
Sergey
Alexey
Заебется разбираться, рано ему
У меня не так все плохо)
Коммерческого опыта работы нет, вот и ищу примеры проектов
Anonymous
Dmitry
Привет, а скажите плиз
Есть функция в App.js внутри которой я делаю fetch и далее setState
Я передаю ее пропсами через роутер в другой компонент, но когда вызываю в componentDidMount то получаю
this.setState is not a function
at fetch.then.setState.isLoaded
Nikolai
Ребят. Где можно посмотреть готовый проект на реакте, чтобы увидеть пример "корректной" структуры? Не Todo или Hello world, а приближенный к реальности
https://github.com/withspectrum/spectrum?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more вот ещё очень большой проект, реакт 16.8