Size: a a a

React — русскоговорящее сообщество

2020 December 22

S

Stanislav in React — русскоговорящее сообщество
Максим Нестеров
Я его в онклик запехал. Разве онклик сразу после страницы срабатывает?
онклик это проп, туда надо передать функцию которая будет вызвана при клике
источник

О

Олег in React — русскоговорящее сообщество
Vitaliy Ponomarev
да, а то возникает ощущение что ядро несёт куда-то не совсем туда.
а куда по-вашему должно развиваться ядро?
источник

МН

Максим Нестеров... in React — русскоговорящее сообщество
Спасибо
источник

VB

Volodymyr Borysov in React — русскоговорящее сообщество
Максим Нестеров
Я его в онклик запехал. Разве онклик сразу после страницы срабатывает?
посмотрите как в документации onClick описывается, точно есть пример
источник

АБ

Александр Бакиматов... in React — русскоговорящее сообщество
Олег
а куда по-вашему должно развиваться ядро?
асинхронный рендер пусть допилят хотя бы сначала, уже 2 года как не могут
источник

О

Олег in React — русскоговорящее сообщество
Александр Бакиматов
асинхронный рендер пусть допилят хотя бы сначала, уже 2 года как не могут
suspense?
источник

МН

Максим Нестеров... in React — русскоговорящее сообщество
Volodymyr Borysov
посмотрите как в документации onClick описывается, точно есть пример
Получается, в функцию надо отправлять данные через props?
источник

S

Stanislav in React — русскоговорящее сообщество
Александр Бакиматов
асинхронный рендер пусть допилят хотя бы сначала, уже 2 года как не могут
выше уже кидали что фейсбуку норм юзать и экспериментальный хех
источник

VP

Vitaliy Ponomarev in React — русскоговорящее сообщество
Максим Нестеров
Получается, в функцию надо отправлять данные через props?
загляните в документацию
https://ru.reactjs.org/

там всё на русском языке и весьма неплохо разобрано.

и в http://learn.javascript.ru/ на всякий случай
источник

VB

Volodymyr Borysov in React — русскоговорящее сообщество
Максим Нестеров
Получается, в функцию надо отправлять данные через props?
источник

S

Stanislav in React — русскоговорящее сообщество
Vitaliy Ponomarev
загляните в документацию
https://ru.reactjs.org/

там всё на русском языке и весьма неплохо разобрано.

и в http://learn.javascript.ru/ на всякий случай
вторая ссылка ++
источник

S

Stanislav in React — русскоговорящее сообщество
источник

AS

Alexei Saenko in React — русскоговорящее сообщество
Всем привет! Недавно начал изучать React по документации на оф. сайте, и вот на примере с событиями возник порос - почему в input используют событие onChange вместо onInput? И почему onChange срабатывает при вводе текста в поле(т.е. так же как и onInput), а не так, как в нативном JS? В чем между ними разница в рамках React'а?
источник

S

Stanislav in React — русскоговорящее сообщество
Alexei Saenko
Всем привет! Недавно начал изучать React по документации на оф. сайте, и вот на примере с событиями возник порос - почему в input используют событие onChange вместо onInput? И почему onChange срабатывает при вводе текста в поле(т.е. так же как и onInput), а не так, как в нативном JS? В чем между ними разница в рамках React'а?
может потому что эвент в обычном dom - change?
источник

RU

Roman Usherenko in React — русскоговорящее сообщество
Alexei Saenko
Всем привет! Недавно начал изучать React по документации на оф. сайте, и вот на примере с событиями возник порос - почему в input используют событие onChange вместо onInput? И почему onChange срабатывает при вводе текста в поле(т.е. так же как и onInput), а не так, как в нативном JS? В чем между ними разница в рамках React'а?
реакт повторяет не HTML API, а DOM API - поэтому className, htmlFor итд
источник

VM

Vladimir M in React — русскоговорящее сообщество
нужно ли обмазывать большинство компоненов  React.memo()-ой?
я вот щас по приколу обмазал несколько мелких компонентов этой фичей и с помощью инспектора сраванил количество ререндеров - результат поразил.
источник

S

Stanislav in React — русскоговорящее сообщество
Vladimir M
нужно ли обмазывать большинство компоненов  React.memo()-ой?
я вот щас по приколу обмазал несколько мелких компонентов этой фичей и с помощью инспектора сраванил количество ререндеров - результат поразил.
это очень сильно от того что у вас вообще за код зависит, не один конкретный компонент а проект в целом
источник

AS

Alexei Saenko in React — русскоговорящее сообщество
Roman Usherenko
реакт повторяет не HTML API, а DOM API - поэтому className, htmlFor итд
Вы меня наверное не поняли, я спрашивал про отличие событий. В нативном JS событие change срабатывает по окончанию изменения элемента(в input это происходит при потере фокуса), а input срабатывает каждый раз при изменении значения(т.е. при вводе текста). Почему в реакте работает по другому, и в чем разница в событиях change и input в рамках реакта?
источник

VM

Vladimir M in React — русскоговорящее сообщество
Stanislav
это очень сильно от того что у вас вообще за код зависит, не один конкретный компонент а проект в целом
вот например что я решил, у меня было очень много ререндеров при клике на элемент списка (например на аптейдт чего либо)

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

обмазав каждый независимый компонентой memo-ой - реренды исчезли
источник

S

Stanislav in React — русскоговорящее сообщество
Vladimir M
вот например что я решил, у меня было очень много ререндеров при клике на элемент списка (например на аптейдт чего либо)

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

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