@reactjs_samurai - страница 295

Кирилл

Изначально они дефолтные (пустые строки и нуллы), а потом с сервера приходит нужная информация и перезаписываются. И вот когда она приходит, в компоненту попадают нужные значения, передаются в форму. А почему-то происходит перерендер и из формы они стираются, а в компоненте всё нормально, остаются.

Кирилл

В качестве пропсов пока можем только name рассматривать, остальные аналогично.

Oleg

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

Кирилл

Так оно по идее должно и так передаваться само при каждом рендере.

Кирилл

Сначала ведь выполняется обёртка, а только потом возвращается новый JSX.

Кирилл

Кстати, заметил одну интересную особенность:

Кирилл

Максимально упростил компоненту, и попробовал два варианта передачи начальных значений: через обёртку (FIRST) и как пропсы при рендере (SECOND). И моргает именно SECOND.

Кирилл

Сейчас попробую убрать вложенность формы.

Oleg

сразу ретурнь

Кирилл

Ну капец, короче.

Кирилл

Сейчас расскажу.

Кирилл

Когда вот так разделил, начальное значение применилось адекватно: стало отображаться FIRST.

Кирилл

После всех рендеров:

Кирилл

Короче, проблема была где-то во вложенности.

Oleg

ну да, то что ты форму создавал внутри функции

Oleg

хотя странно

Кирилл

Олег, спасибо большое за помощь! P.S. если кто-то сможет объяснить, почему не прокатывало с такой записью, буду признателен.

SᑎOᙖOᖇᑎ

привет, я смапил родительскую строку и внутри смапил дочернюю и так у меня получилось некоторое колисество таких блоков при нажатии на родителя мне нужно что би дети сворачивались и при повторном розворачивались я питаюсь делать с помощю хуков в один я всовиваю ключ по которому я сравниваю чтоби при нажатии на конкретний родитель свертивались конкретние дети и хук для отображения(useState и то и то) но виходит так, что я нажал на родителя 1 - дети свернулись нажимаю на родителя 2(ожидаю что теперь его дети свернуться) - но сначала розвернулись дети 1 родителя и уже тогда при повторном нажатии сворачиваються дети 2 родителя а нужно что би можна било одновременно сворачивать все и розворачивать вопрос - можно ли ето как -то исправить используя хуки или нужно переходить на класовие компоненти?

Oleg

дерево элементов?

Nikita

Народ, 62 урок. Подписка \ отписка не происходит, в нетворке 404 ошибка. Это из-за не проплаты АПИ или шооо ?

Владимир

Всем привет, кто нибудь знает хороший курс по react native?

Nikita

@Bananalos https://learn.handlebarlabs.com/courses/

Koks

Народ, 62 урок. Подписка \ отписка не происходит, в нетворке 404 ошибка. Это из-за не проплаты АПИ или шооо ?

Нет, не из-за этого

SᑎOᙖOᖇᑎ

привет, я смапил родительскую строку и внутри смапил дочернюю и так у меня получилось некоторое колисество таких блоков при нажатии на родителя мне нужно что би дети сворачивались и при повторном розворачивались я питаюсь делать с помощю хуков в один я всовиваю ключ по которому я сравниваю чтоби при нажатии на конкретний родитель свертивались конкретние дети и хук для отображения(useState и то и то) но виходит так, что я нажал на родителя 1 - дети свернулись нажимаю на родителя 2(ожидаю что теперь его дети свернуться) - но сначала розвернулись дети 1 родителя и уже тогда при повторном нажатии сворачиваються дети 2 родителя а нужно что би можна било одновременно сворачивать все и розворачивать вопрос - можно ли ето как -то исправить используя хуки или нужно переходить на класовие компоненти?

🤒

Michail

смотря зачем это нужно, в общем случае просто {(text) => { console.log('hack'); return <h1>{text}</h1> }}

Подскажите, с чем может быть связанно: Читаю доку реакт, например про ПРЕДОХРАНИТЕЛИ, там есть способ через STATIC (метод класса) и через componentDidCatch. Но смотрю видео где расказываю про методы компонента а не, методы клвсса. Причем про контккст так же. С чем может быть связанно избигание использования STATIC (метода класса)

Seagull

здравствуйте при сохранении файла vs code делает табуляцию некоторых строк, а на эту табуляцию в свою очередь еслинт ругается подскажите кто знает где можна изменить настройки что бы не было табуляций?

Daniil

Подскажите, с чем может быть связанно: Читаю доку реакт, например про ПРЕДОХРАНИТЕЛИ, там есть способ через STATIC (метод класса) и через componentDidCatch. Но смотрю видео где расказываю про методы компонента а не, методы клвсса. Причем про контккст так же. С чем может быть связанно избигание использования STATIC (метода класса)

статические методы не имеют доступа с экземпляру класса возможно с этим связанно

Oleg

Подскажите, с чем может быть связанно: Читаю доку реакт, например про ПРЕДОХРАНИТЕЛИ, там есть способ через STATIC (метод класса) и через componentDidCatch. Но смотрю видео где расказываю про методы компонента а не, методы клвсса. Причем про контккст так же. С чем может быть связанно избигание использования STATIC (метода класса)

в идеале в классах не должно быть статик методов, это плохой стиль. статик методы из класса делают обычный набор процедур, а это уже не ооп

Michail

статические методы не имеют доступа с экземпляру класса возможно с этим связанно

Но клнтекст как то создается де при static contextType

Sergiy

как отрисовать компонент, в зависимости от роута

Daniil

это не противоречит сказанному: import * as context from "../context"; импортируем контекст export default class ContentComponent extends Component { static contextType = context.Language.LanguageContext; cвязываем c this.context (делает сам React) } в данном случае это просто API самого реакта (static contextType —React v16.6) более подробно тут

Daniil

упрощенный пример как это может быть (не обязательно что именно так) но смысл в том, что React за нас делает под капотом какие-то вещи которые мы можем не видеть const abc = '123' //контекст class Some { static contextType = abc; printСontext() { обращение к контексту console.log(this.context) } } const some = new Some() some.context = Some.contextType; // под капотом использование some.printContext() // 123

Anonymous

Ребят. Вопрос. Почему событие onClick которое навесил на button срабатывает только при DoubleClick на него?

Daniil

Ребят. Вопрос. Почему событие onClick которое навесил на button срабатывает только при DoubleClick на него?

не факт что это так, как ты это проверяешь?

Anonymous

Отрисовкой в Label

Daniil

ну т.е ты судишь по render а это не всегда совпадает с действительностью, так как рендер срабатывает не во всех ситуациях (вот пример набросал: https://codesandbox.io/s/bootstrap-5kmpm)

Sofiia

Всем добрый вечер. Может кто знает статью/видео, где внятно объясняется, как использовать useDispatch и useSelector в react-redux

Sofiia

И еще такой вопрос, сегодня столкнулась с такой библиотекой, как preact. Ее используют? Я никогда ранее не сталкивалась с ней и интересно, может кто-то встречал в каких-то проектах или даже использовал сам

Daniil

И еще такой вопрос, сегодня столкнулась с такой библиотекой, как preact. Ее используют? Я никогда ранее не сталкивалась с ней и интересно, может кто-то встречал в каких-то проектах или даже использовал сам

это аналог реакта говорят быстрее

Sofiia

я поняла, что это такое

Sofiia

вопрос в том

Sofiia

используют ли это

Sofiia

и как часто \

Daniil

конечно, но это не реакт а другой фреймворк

Sofiia

библиотека*

Daniil

ну да другая библиотека

Sofiia

ну на сколько мне стало известно, это совместимый с реактом его аналог

Sofiia

используют ли это

Sofiia

и как часто \

Daniil

и как часто \

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

Daniil

все зависит от обстоятельств

Sofiia

это корректный вопрос, я спрашиваю, как часто вы встречали preact в реальных проектах

Daniil

редко (если вопрос про меня)

Sofiia

благодарю за ответ)

Daniil

благодарю за ответ)

не за что (для полноты картины: https://preactjs.com/about/we-are-using)

Sofiia

Всем добрый вечер. Может кто знает статью/видео, где внятно объясняется, как использовать useDispatch и useSelector в react-redux

.

Daniil

.

если официальной документации мало, можно посмотреть примеры от индуса (20 и 21 урок) мне кажется он довольно лаконично и доступно показывает

Kim

Локонично)

Daniil

лично я устаю от долгих видео, думаю кто-то когда-то нашел формулу 5-7 минут видео в самый раз, тут еще короче. в случае когда идет crash course можно конечно выдержать и час но все равно потом придется углублятся в тему, что касается официальной документации то уровень ее качества в последние годы заметно вырос (не только у реакта, а вообще)

Anonymous

Друзья подскажите пожалуйста! На гит хабе Димыч опубликовал только 74 урока?

акионка.

Друзья подскажите пожалуйста! На гит хабе Димыч опубликовал только 74 урока?

98

Anonymous

У меня только 74 показывает.... Что сделать что бы подгрузить остальные?

Саша

Товарищи, подскажите, пожалуйста, где можно почитать информацию о работе и взаимодействии create-react-app с back-end'ом, и как это можно реализовать. Просто в интернете много английских статей, в которых рассказывается абсолютно разное. А хочется узнать более подробную, актуальную информацию, которая используется в продакшене

акионка.

У меня только 74 показывает.... Что сделать что бы подгрузить остальные?

Где показывает

Anonymous

Где показывает

На гит хабе

акионка.

Товарищи, подскажите, пожалуйста, где можно почитать информацию о работе и взаимодействии create-react-app с back-end'ом, и как это можно реализовать. Просто в интернете много английских статей, в которых рассказывается абсолютно разное. А хочется узнать более подробную, актуальную информацию, которая используется в продакшене

REST API или GraphQl

акионка.

На гит хабе

Покажи