j
Гештальт не закрыл.
Size: a a a
2021 July 08
IS
так и думал
МА
ребят как набраться опыта чтобы устроиться на джуниора?
C
Пам парам👀
HS
😳 сходить 100 раз в gym
✅✅✅✅✅✅✅✅✅
✅✅✅✅✅✅✅✅✅
DM
Здравствуйте, подскажите с помощью какого метода react обновляет пропсы в компоненте ?
S
Привет. Что ты имеешь в виду?
DM
Вот первый раз когда я компоненту вызываю я передаю props в constructor а мне интересно как происходит обновление props когда я второй раз компоненту вызываю уже с новыми props
S
Что ты имеешь в виду под вторым вызовом? Изменение состояния у родителя, которое потом передается в пропы твоего компонента?
DM
Вот у меня есть Counter в который я в первый раз передаю 5 и получается react передает в первый раз props в конструктор а мне интересно куда я передаю пропсы во второй раз https://codepen.io/CosmoboyMe/pen/jOmqJgL?editors=0011
S
Сейчас под вторым разом ты имеешь в виду render(7) ?
S
Ну по сути - никуда. Ты передаешь аргумент 7 в свою функцию render. Дальше проще говоря не происходит ничего. Так как в одну DOM ноду можно зарендерить только одно реакт приложение. Попытка вызывать ReactDOM.render второй раз в одну и ту же DOM ноду просто игнорируется.
DM
так если в render метод вставить console.log(this.props.count) то я вижу как props обновляются внутри класса
S
Ты видишь не обновление props, ты видишь два лога из двух разных инстансов класса. У тебя точно так же инстанцируется второй класс и вызывается метод render у него, тут и происходит console.log. Только при этом сам компонент не вставляется в страницу, грубо говоря.
DM
так если я вижу не обновление props, тогда получается я должны получать и this.state.count 5 и во втором случае 7, а я получаю во время двух вызовов 5 в this.state.count. Это говорит мне о том что constuctor в данном случае только один раз вызвался
S
Ты получаешь в консоль последовательность 5 5 7 5. Я затрудняюсь ответить почему последняя цифра 5, а не 7. Видимо, на это влияет один из механизмов React, но в остальном всё логично.
S
5 // render(5) this.props.count
5 // render(5) this.state.count
7 // render(7) this.props.count
5 // render(7) this.state.count