пустой объект

пустой объект

в таком случае нужно смотреть в самом компоненте Map, у чего ты пытаешься прочитать .1

очень странно конечно что && не подходит . а тернарный подходит. ладно пофиг. что поставить вместо консоль лог?)) чтобы с тернарным норм смотрелось

Null или ' '

Null или ' '

бьет ошибки

В любом случае будут ошибки, нужно фиксить сам компонент Map, а не подставлять рандомные значения Универсального значения, при котором ошибок вообще не будет - навряд ли существует

Null или ' '

В любом случае будут ошибки, нужно фиксить сам компонент Map, а не подставлять рандомные значения Универсального значения, при котором ошибок вообще не будет - навряд ли существует

с консоль лог работает блин)))

вот так)

В любом случае будут ошибки, нужно фиксить сам компонент Map, а не подставлять рандомные значения Универсального значения, при котором ошибок вообще не будет - навряд ли существует

с undefind заработало вместо консоль лог)))

это хард код с моей стороны?)

Потому что console.log возвращает undefined, или ничего не возвращает, из-за этого и получается undefined

Потому что console.log возвращает undefined, или ничего не возвращает, из-за этого и получается undefined

понял)

Я бы рекомендовал тебе прочитать документацию Реакта, там все ответы на твои вопросы https://reactjs.org/docs/react-component.html Это метод жизненного цикла, который вызывается как только компонент был показан на странице

Я бы рекомендовал тебе прочитать документацию Реакта, там все ответы на твои вопросы https://reactjs.org/docs/react-component.html Это метод жизненного цикла, который вызывается как только компонент был показан на странице

Уже не верно. Ещё до того как показан

Уже не верно. Ещё до того как показан

Да? https://codesandbox.io/s/intelligent-butterfly-k85pp

Перед рендером срабатывает только конструктор, если мы говорим про инициализацию

Уже не верно. Ещё до того как показан

То есть дид маунт до рендера по-твоему?

То есть дид маунт до рендера по-твоему?

А я что-то сказал про didMount?

Всем привет, может кто-то посоветовать статью/видос где разбирают реактовский класс, хуки изнутри (то как они написаны на js)?

А я что-то сказал про didMount?

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

Да, только тебе для этого нужна библиотека react-router-dom

А я что-то сказал про didMount?

> componentDidMount это определенный метод, который оверрайдится с React.Component? > Это метод жизненного цикла, который вызывается как только компонент был показан на странице > Уже не верно. Ещё до того как показан

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

Говорю про все циклы, выше сообщение не видел 🤷🏼‍♂️

🤔

Я сначала хотел влезть, написать, но подумал что напишу что-то глупое и лучше не позориться Но потом оказалось, что я написал бы правильно

Говорю про все циклы, выше сообщение не видел 🤷🏼‍♂️

> Уже не верно. Ещё до того как показан Все циклы срабатывают до того как компонент показан?

> Уже не верно. Ещё до того как показан Все циклы срабатывают до того как компонент показан?

Не все, а некоторые. Пс: тебе что-то нужно?)

Не все, а некоторые. Пс: тебе что-то нужно?)

Понимание твоего ответа человеку вне контекста вопроса 🙂 В общем уже ничего

подскажите, можно ли на портал навесить анимацию? именно анимацию при размонтировании

Сначала анимируешь, потом закрываешь

Ребят, почему сейчас create-react-app использует такую структуру через функцию с большой буквы, без рендер метода? В курсах год назад использовали классы и render().

Ребят, почему сейчас create-react-app использует такую структуру через функцию с большой буквы, без рендер метода? В курсах год назад использовали классы и render().

а в чем разница ?)

классовый компонент, заменили на функицональный

ну просто функцмональный компонент. обычно react-app используют новички а лучше начинать с функциональных компонентов. Да и вообще мне кажется они лучше для использования в реакте сейчас,

Ребят, почему сейчас create-react-app использует такую структуру через функцию с большой буквы, без рендер метода? В курсах год назад использовали классы и render().

Потому что сейчас можно почти что угодно реализовать на них, с меньшим количеством кода.

Потому что сейчас можно почти что угодно реализовать на них, с меньшим количеством кода.

То есть по сути, это одно и тоже, class App to Components == function App()? И в эти функциональные компоненты как я понял автоматом включен метод render(), и прописывать его уже не нужно?

То есть по сути, это одно и тоже, class App to Components == function App()? И в эти функциональные компоненты как я понял автоматом включен метод render(), и прописывать его уже не нужно?

https://reactjs.org/docs/components-and-props.html#function-and-class-components

То есть по сути, это одно и тоже, class App to Components == function App()? И в эти функциональные компоненты как я понял автоматом включен метод render(), и прописывать его уже не нужно?

Классы это синтаксический сахар, который Бабель компилит в обычные функции

Классы это синтаксический сахар, который Бабель компилит в обычные функции

Классы же есть в ES6, в нативном JS, причем тут бабель?

Это всеравно те же самые функции

Это всеравно те же самые функции

Хм, понял, окей. Но тут вопрос именно про реактовский синтаксис был, как у них это работает

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

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

В классах состояние использовать как раз не удобно

В функциях удобнее?

В функциях удобнее?

С хуками проще и удобнее, да

С хуками проще и удобнее, да

Если у тебя два три свойства, то да. Если более то скейлить вообще неудобно, на мой взгляд

Если у тебя два три свойства, то да. Если более то скейлить вообще неудобно, на мой взгляд

Если больше то вопрос к логике

Ее спокойно можно выносить в хуки

Композировать

Если у тебя два три свойства, то да. Если более то скейлить вообще неудобно, на мой взгляд

Любимая тема это напихать в класс-компонент сотню свойств состояния, десяток рендер методов и огромные полотна jsx Вот руки бы оторвать

Не все умеют/хотят декомпозировать. Кому-то проще начать с класса и потом выносить

Не все умеют/хотят декомпозировать. Кому-то проще начать с класса и потом выносить

Потом никогда не происходит. Да и не желание это не оправдание

Как и не умение

Потом никогда не происходит. Да и не желание это не оправдание

Наступает при ревью насильственным путем

Любимая тема это напихать в класс-компонент сотню свойств состояния, десяток рендер методов и огромные полотна jsx Вот руки бы оторвать

Сова, не трать на них время)

Сова, не трать на них время)

Ем пирожок с луком и яйцом

Ем пирожок с луком и яйцом

тоже хочу

Ем пирожок с луком и яйцом

Жвачкой потом не забудь закусить

Жвачкой потом не забудь закусить

и запить

Жвачкой потом не забудь закусить

Как раз купил ментос

Как раз купил ментос

с колой?

с колой?

Это на вечер

Ем пирожок с луком и яйцом

Фото?

Фото?

Из желудка не смогу сфоткать.

после history.push('url') не работает link to={"next/url"} с чем может быть связано? url в браузере меняется,а рендер не происходит

В классах состояние использовать как раз не удобно

То есть лучше всего использовать функциональные компоненты я так понимаю, да? Начал изучать реакт, в документации базовой примеры на классах, курс на классах, а create-react-app на функциях. Как лучше практиковаться, вот в чем вопрос)

То есть лучше всего использовать функциональные компоненты я так понимаю, да? Начал изучать реакт, в документации базовой примеры на классах, курс на классах, а create-react-app на функциях. Как лучше практиковаться, вот в чем вопрос)

и так, и сяк

То есть лучше всего использовать функциональные компоненты я так понимаю, да? Начал изучать реакт, в документации базовой примеры на классах, курс на классах, а create-react-app на функциях. Как лучше практиковаться, вот в чем вопрос)

Лучше уметь писать и те и те. Понимать когда нужно использовать классы и зачем

Народ. Подскажите почему в React приложении с redux~ом при нажатии кнопки не сразу данные в глобалстейт попадают? Грубо говоря страница отрисовала по условию смену блока, а в стейт его ID не поменялся и поменялся только со второго нажатия на кнопку?

Привет. Почему Favs под Landing на странице пустые? По клику на элемент списка под Landing этот элемент пушится в лист favs. return ( <div> Landing. { list && list.length > 0 && list.slice(0, 10).map((item) => <div style={{ textAlign: 'left'}} onClick={() => onClick(item)} key={item.symbol}> { item.symbol }: { item.name } </div> ) } Favs: <p>{ favs }</p> { favs.map(fav => <p key={Object.keys(fav)[0]}>{ Object.keys(fav)[0] }: { Object.values(fav)[0] }</p>) } </div> );

ребят я разве должен понимать почему сюда садится props?)

ребят я разве должен понимать почему сюда садится props?)

Да

Да

ничего себе. туда попадают пропсы, которые передавались во Wrapped. но все равно , странно что props в аргументе

ничего себе. туда попадают пропсы, которые передавались во Wrapped. но все равно , странно что props в аргументе

туда попадают пропсы которые в результат вызова передаются

ребят я разве должен понимать почему сюда садится props?)

А почему у тебя там 2 return ?

ничего себе. туда попадают пропсы, которые передавались во Wrapped. но все равно , странно что props в аргументе

Просто функция в функции. Ничего не изменилось

А почему у тебя там 2 return ?

Из одной функции и из другой

А почему у тебя там 2 return ?

второй чтобы... не ну кажется вопросы не для группы по реакту) учи HOC

второй чтобы... не ну кажется вопросы не для группы по реакту) учи HOC

Да ладно, все поймут)

второй чтобы... не ну кажется вопросы не для группы по реакту) учи HOC

Почитаю, оке