Size: a a a

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

2020 December 18

D

Dominic in React — русскоговорящее сообщество
не, это я тупанул =)
источник

АЗ

Андрей Звёздочка... in React — русскоговорящее сообщество
Dominic
не, это я тупанул =)
И от этого ввели человека в заблуждение
источник

АЗ

Андрей Звёздочка... in React — русскоговорящее сообщество
Timur
сделал вот так, не помогло, компоненты лежат в одном файле

CompB => ({data}) => {
...code
<CompB1 />
}
CompB1 => memo(CompB)

CompoA => () => {
return <CompB1 />
}
Пропы передаёте?
источник

D

Dominic in React — русскоговорящее сообщество
надеюсь человек дальше прочитал и вышел из заблуждения 😂
источник

T

Timur in React — русскоговорящее сообщество
Андрей Звёздочка
Пропы передаёте?
Да
источник

BE

Black Eyes in React — русскоговорящее сообщество
🙋, делаю переводы, i18next, и не знаю с большой буквы делать или все с маленькой, как вообще делают?
источник

BE

Black Eyes in React — русскоговорящее сообщество
А то где-то login с маленькой, где-то Login с большой, не делать же два разных перевода к примеру
источник

АЗ

Андрей Звёздочка... in React — русскоговорящее сообщество
Timur
Да
Посмотрите в доке как работает react.memo. Если в кратце, то пропы не должны меняться, чтобы не было ререндеринга. Иначе нужно передавать второй аргумент в memo
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Timur
Всем привет, есть задача отрисовать древо, есть 2 компонента (А и B). Делаю это так, внутри компонента A рендерю компонент B.

Компонент B внутри рендерит сам себя, в случае если есть вложенность.

Внутри компонента А есть много стейтов, которые могут обновляются, это вызывает перерендер (древо очень большое) и все тормозит.

Вопрос, как можно сделат так, чтобы древо отрендерилось только 1 раз и далее уже не обновлялось при изменении стэйта?)

P.S. Сейчас компоненты существуют в 1 файле, но как 2 отдельных компонента
компонент B мапаешь?
источник

T

Timur in React — русскоговорящее сообщество
Компонент B внутри сам себя мапает
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Timur
Компонент B внутри сам себя мапает
Тогда ответ выше подсказали
источник

MS

Marat Sadriev in React — русскоговорящее сообщество
Есть какой-то синтаксис, который позволяет подменить переменную в пропсах на лету, или из-за этого придется заводить новую переменную? Хочу что-то типа <checkbox props = {...props, checked: Boolean(props.checked)}>
источник

KB

Kim Blinov in React — русскоговорящее сообщество
привет
вопрос есть по axios

передаю url а axios добавляет перед ним пробел из-за чего линка не валидная
источник

KB

Kim Blinov in React — русскоговорящее сообщество
делал trim передавал ручками свою строку тот же итог
только если вместо переменной url ( она содержит /1213/1231/123) напишу сам строку
источник

KB

Kim Blinov in React — русскоговорящее сообщество
не могу понять с чем это может быть связано
источник

И

Иван in React — русскоговорящее сообщество
Marat Sadriev
Есть какой-то синтаксис, который позволяет подменить переменную в пропсах на лету, или из-за этого придется заводить новую переменную? Хочу что-то типа <checkbox props = {...props, checked: Boolean(props.checked)}>
Да, снаружи при передаче вызываешь функцию, результат возвращается в проп
источник

MS

Marat Sadriev in React — русскоговорящее сообщество
Иван
Да, снаружи при передаче вызываешь функцию, результат возвращается в проп
При вызове компонента самого?
источник

И

Иван in React — русскоговорящее сообщество
Kim Blinov
не могу понять с чем это может быть связано
Попробуй debugger
источник

MS

Marat Sadriev in React — русскоговорящее сообщество
Он вызывается из кучи мест, хочу приводить к типу в одном только месте)
источник

И

Иван in React — русскоговорящее сообщество
Marat Sadriev
При вызове компонента самого?
<Kek checked={Boolean(foo)} ...
источник