PD
Вы когда на хуки переходили с какими сложностями столкнулись?
Size: a a a
2021 February 20
ДБ
Вы когда на хуки переходили с какими сложностями столкнулись?
Да пока вроде ни с какими)
YM
Вы когда на хуки переходили с какими сложностями столкнулись?
поначалу бывало сложно какие-либо анимации с компонент на хуки переводить, но в целом со временем это осваивается
I
Приветик
Подскажите пожалуйста, как исправлять эту проблему в плане производительности:
как видно из кода, функция handleClick принимает индекс элемента и возвращает новую функцию. Проблема в том, что при рендеринге в onClick попадает всегда разная функция, соответственно все компоненты Jopa перерисовываются. Это создает проблемы если их очень много или они довольно тяжелые
Подскажите пожалуйста, как исправлять эту проблему в плане производительности:
{array.map((item, index) => (
<Jopa
prop="42"
callback={onChange}
onClick={handleClick(index)}
/>
)}как видно из кода, функция handleClick принимает индекс элемента и возвращает новую функцию. Проблема в том, что при рендеринге в onClick попадает всегда разная функция, соответственно все компоненты Jopa перерисовываются. Это создает проблемы если их очень много или они довольно тяжелые
I
щас набросаю примерчик для наглядности
PD
а в реакте когда произносят слово "рендер" имеют ввиду что элемент вставляется в DOM?
I
а в реакте когда произносят слово "рендер" имеют ввиду что элемент вставляется в DOM?
вставляется, удаляется, не важно, просто что-то случается)
I
обновляется, да
I
а в реакте когда произносят слово "рендер" имеют ввиду что элемент вставляется в DOM?
а какое более уместное слово? маунт?
PD
обновляется, да
когда компонент фунец-й то в уроках тоже говорят рендер когда компонент вызывается
PD
а какое более уместное слово? маунт?
я просто хочу понять что имеют ввиду, а то что-то подозрение что не всегда одно и тоже
I
я просто хочу понять что имеют ввиду, а то что-то подозрение что не всегда одно и тоже
в общем, вот https://stackblitz.com/edit/react-whx7zr
I
проблема в том что при клике на одну жопу, обновляются и все остальные. Поведение логичное, но как этого красиво избежать?
PD
Не подскажете, почему выводится сonsole.log внутри setState, ведь дальше идёт бесконечный цикл? Имею ввиду, почему вызов setState не должен идти после того, как цикл выполнится. Ведь setState же асинхронный
VS
проблема в том что при клике на одну жопу, обновляются и все остальные. Поведение логичное, но как этого красиво избежать?
поделись, что это за сервис на скриншоте? или это расширение какое-то?
☬
проблема в том что при клике на одну жопу, обновляются и все остальные. Поведение логичное, но как этого красиво избежать?
Это может быть из-за того, что, после клика, key меняется сразу у всех элементов.
Если значение key будет прежним (таким же, как и до клика), то он не будет обновляться.
Если значение key будет прежним (таким же, как и до клика), то он не будет обновляться.
☬
Это может быть из-за того, что, после клика, key меняется сразу у всех элементов.
Если значение key будет прежним (таким же, как и до клика), то он не будет обновляться.
Если значение key будет прежним (таким же, как и до клика), то он не будет обновляться.
Вообще, в консоли должно быть предупреждение.
(Только если, jopa - это отдельный компонент, который ты показываешь на странице циклом).
(Только если, jopa - это отдельный компонент, который ты показываешь на странице циклом).
☬
Приветик
Подскажите пожалуйста, как исправлять эту проблему в плане производительности:
как видно из кода, функция handleClick принимает индекс элемента и возвращает новую функцию. Проблема в том, что при рендеринге в onClick попадает всегда разная функция, соответственно все компоненты Jopa перерисовываются. Это создает проблемы если их очень много или они довольно тяжелые
Подскажите пожалуйста, как исправлять эту проблему в плане производительности:
{array.map((item, index) => (
<Jopa
prop="42"
callback={onChange}
onClick={handleClick(index)}
/>
)}как видно из кода, функция handleClick принимает индекс элемента и возвращает новую функцию. Проблема в том, что при рендеринге в onClick попадает всегда разная функция, соответственно все компоненты Jopa перерисовываются. Это создает проблемы если их очень много или они довольно тяжелые
{array.map((item, index) => (
<Jopa
key={item.id}
prop="42"
callback={onChange}
onClick={handleClick(index)}
/>
)}I
{array.map((item, index) => (
<Jopa
key={item.id}
prop="42"
callback={onChange}
onClick={handleClick(index)}
/>
)}что с key что без, одно и то же
I
поделись, что это за сервис на скриншоте? или это расширение какое-то?
это react dev tools