VY
А зачем завернул в мемо?
чтобы не рендерилься лишний раз
Size: a a a
2020 July 09
DS
чтобы не рендерилься лишний раз
были прецеденты?
K
а твой компонент самый верхний в роуте, его некому дергать
VY
были прецеденты?
Я просто хотел попрактиковаться и посмотреть, как это работает
DS
Я просто хотел попрактиковаться и посмотреть, как это работает
Не нужно практиковаться с огнетушителем.
VY
если родительский компонент делает перерисовку, то он перерисовывает и все дочерние компоненты, даже если дочерние не получают новых пропс, для этого и используют React.memo, что бы дочерний компонент перерисовывался только при получении новых пропс, а не при каждом рендере родителя
Аа, вот теперь понял смысл использовать React.memo. Спасибо большое Кирил ! :)
В🌎
Привет! Не знаете, почему не находит react-hot-reload?
http://registry.npmjs.org/react-hot-reload
{"error":"Not found"}
http://registry.npmjs.org/react-hot-reload
{"error":"Not found"}
O
Привет! Не знаете, почему не находит react-hot-reload?
http://registry.npmjs.org/react-hot-reload
{"error":"Not found"}
http://registry.npmjs.org/react-hot-reload
{"error":"Not found"}
react-hot-loader?
В🌎
Понятно) Что лучше использовать вместо?
O
Понятно) Что лучше использовать вместо?
react-hot-loader?
АЧ
Переслано от Антон Чепур...
Подскажите, что я пропустил? Почему не маппится?
function App() {
let posts = [{id: 1, title: "Моя первая запись", text: "Здесь должно быть какое-то описание", author: "John"},
{id: 1, title: "Моя первая запись", text: "Здесь должно быть какое-то описание", author: "John"},
{id: 1, title: "Моя первая запись", text: "Здесь должно быть какое-то описание", author: "John"}]
return (
<div className="App">
{ posts.map(p => <ListItem title={p.title}/>) }
</div>
);
}
function App() {
let posts = [{id: 1, title: "Моя первая запись", text: "Здесь должно быть какое-то описание", author: "John"},
{id: 1, title: "Моя первая запись", text: "Здесь должно быть какое-то описание", author: "John"},
{id: 1, title: "Моя первая запись", text: "Здесь должно быть какое-то описание", author: "John"}]
return (
<div className="App">
{ posts.map(p => <ListItem title={p.title}/>) }
</div>
);
}
В🌎
ааай, как глупо 😆🤦
В🌎
простите, затупил
O
Переслано от Антон Чепур
Подскажите, что я пропустил? Почему не маппится?
function App() {
let posts = [{id: 1, title: "Моя первая запись", text: "Здесь должно быть какое-то описание", author: "John"},
{id: 1, title: "Моя первая запись", text: "Здесь должно быть какое-то описание", author: "John"},
{id: 1, title: "Моя первая запись", text: "Здесь должно быть какое-то описание", author: "John"}]
return (
<div className="App">
{ posts.map(p => <ListItem title={p.title}/>) }
</div>
);
}
function App() {
let posts = [{id: 1, title: "Моя первая запись", text: "Здесь должно быть какое-то описание", author: "John"},
{id: 1, title: "Моя первая запись", text: "Здесь должно быть какое-то описание", author: "John"},
{id: 1, title: "Моя первая запись", text: "Здесь должно быть какое-то описание", author: "John"}]
return (
<div className="App">
{ posts.map(p => <ListItem title={p.title}/>) }
</div>
);
}
здесь должен быть какой-то скриншот, например
O
простите, затупил
хау ду ю ивен лив
IG
>обучение программированию с нуля
(Извините)
(Извините)
АЧ
здесь должен быть какой-то скриншот, например
так есть скрин ошибки, я делаю map по массиву а он говорит что я просто объекты пытаюсь отрендерить
O
>обучение программированию с нуля
(Извините)
(Извините)
ты аватарку-то глянь
В🌎
>обучение программированию с нуля
(Извините)
(Извините)
ребятки, ну с кем не бывает ¯\_(ツ)_/¯
O
ребятки, ну с кем не бывает ¯\_(ツ)_/¯
с нами!