Как установить props в state дочернего компонента?

Question

[Delawere]

Всем привет.
У меня есть родительский компонент InputGroup, в котором я делаю запрос в БД, устанавливаю пришедшие данные в state, далее передаю данные в дочерние компоненты Input соответствующий state в виде props.
Собственно здесь заключается проблема. В дочернем компоненте я имею следующий this.state

this.state = {
      to: this.props.first,
      from: this.props.second,
    };

state отказывается обновляться, хотя пропсы приходят (в componentDidUpdate это видно). Если передавать статичные props всё норм.
Заранее спасибо.

Comments

[Никита Ермиличев]

Покажите код, где вы устанавливаете состояние для дочернего элемента

Answer 1

[0xD34F]

state отказывается обновляться

Риторический вопрос - а с чего вы решили, что он должен обновляться? Вообще, подобные заблуждения имеют своей причиной крайне слабые знания js, задумайтесь над этим.

Проверяйте в componentDidUpdate, что props изменились - если да, делайте setState (побочным результатом будет двойное обновление компонента, можно избежать этого с помощью shouldComponentUpdate). Или используйте getDerivedStateFromProps.

А ещё лучше - хорошенько подумайте, действительно ли вам нужно дублировать props в state. Вероятно, есть вариант обойтись использованием только props.

Comments

[Delawere]

Риторический вопрос - а с чего вы решили, что он должен обновляться? Вообще, подобные заблуждения имеют своей причиной крайне слабые знания js, задумайтесь над этим.

Ну насчёт слабых знаний никто и не спорит) В любом случае, как это связано с js? Если это работает не так, как я думаю, ок. Я потому здесь и спрашиваю, потому что не знаю. Зачем мне делать setState если в state у меня уже прописаны props?
Кстати насчёт componentDidUpdate я написал, что да, изменились.

[0xD34F]

Delawere,

насчёт слабых знаний никто и не спорит

Так подтяните их. Незнание js вместе с использованием фреймворков автоматически превращает человека в говнокодера. Хотите быть говнокодером? Нет? Учите js.

Зачем мне делать setState если в state у меня уже прописаны props?

Чтобы получить актуальные значения props. То, что у вас есть сейчас - это props, которые были в момент создания экземпляра компонента.

[Delawere]

Т.е. я не могу менять state "динамически" передавая props и ожидать, что state изменится сам? И моя конструкция выше не имеет смысла в данном случае?

И раз уж вы подняли эту тему, как всё это связано с нативным js?)

[0xD34F]

Delawere,

Т.е. я не могу менять state "динамически" передавая props и ожидать, что state изменится сам?

Не можете.

И раз уж вы подняли эту тему, как всё это связано с нативным js?)

Разжёвыванием основ не занимаюсь, уж извините. Как сказал выше - учите js. А если не хотите делать это самостоятельно - тогда стоит задуматься, а нужно ли вам вообще заниматься программированием.

[Delawere]

0xD34F, просто когда вы говорите такое, без объяснение причин, на сайте на котором задают вопросы, и еще предлагаете учиться самостоятельно (что правильно, но не в данном контексте) то это выглядит как обычная элитарность) Что подтверждается, уходом от ответа)
В любом случае, спасибо за помощь)

[0xD34F]

Delawere, о каком уходе от ответа вы говорите? Я предложил три решения вашей проблемы.

"Правильно, но не в данном контексте" - то, что подобный "контекст" вообще возник, само по себе неправильно. Не знать js и пытаться использовать react - это как пытаться получить высшее образование не имея среднего. АБСУРД.

"Элитарность" - это ха-ха. Вы бы ещё назвали знание таблицы умножения элитарным.

[Delawere]

0xD34F, возможно я не прав, но state и props относятся к реакту? А не к JS. Так что мой вопрос причем здесь js вполне логичен. Вот я про какой вопрос.
А на тему пытаться использовать реакт: в свободное время, не за деньги, а для себя, почему нет?) К тому же повторюсь, это сайт на котором задают вопросы, что я собственно и сделал)
Знаю, что развожу оффтоп, просто очень интересно, что вы имели ввиду)

[0xD34F]

Delawere,

возможно я не прав, но state и props относятся к реакту? А не к JS.

То есть, вы не понимаете даже того, что используя react, пишите на js. Это печально.

А на тему пытаться использовать реакт: в свободное время, не за деньги, а для себя, почему нет?)

Действительно - в свободное время заниматься высшей математикой, для себя. Интегральное исчисление, статистика, теория вероятности и т.д. Без знания таблицы умножения. Почему нет? Не за деньги же. Только окружающие отчего-то пальцем у виска крутят.

[Delawere]

0xD34F, если вы о том, что props это объект или о том, что реакт код компилируется в js, я не об этом говорил.
В любом случае, вижу что спорить с вами у меня не хватает знаний. Так что на этом отчаливаю)

[abberati]

Delawere, вы просто разговаривали о разном.

0xD34F имел ввиду, что в реакте нет никакой магии. Публичный интерфейс библиотеки написан так, что человек, понимающий язык, не будет задавать подобных вопросов.

Вот декораторы — да, их можно и не сразу вкурить. Если интересно — дерзайте, учите.

[Delawere]

abberati, очевидно, что в реакте нет никакой магии. Только где я утверждал обратно?
Или вы сделали такой вывод из моего вопроса? Я только подразумевал, что используя такую конструкцию, я могу рассчитывать на обновление state "под капотом" (что было ошибочно). Это напрямую относится к фреймворку, а не к языку.

Публичный интерфейс библиотеки написан так, что человек, понимающий язык, не будет задавать подобных вопросов.

У всех разные умственные способности и опыт.

[abberati]

Delawere, я не пытался задеть ваши чувства.

Говоря про магию, я имел ввиду, что под капотом не заложено скрытой функциональности вроде автоматического отслеживания изменений. Этот момент напрямую связан с языком — устанавливая значения полей в конструкторе класса вы просто устанавливаете значения полей, ни больше, ни меньше. Этот класс может быть компонентом, а может быть просто самописным каким-то там классом, не относящимся к реакту, поведение одинаковое.

Не воспринимайте мой комментарий в штыки. В том, как вы изучаете сферу и какие задаёте вопросы, нет ничего плохого и я вас не упрекаю.

Некоторые специалисты считают, что без знания базовых вещей нельзя изучать комплексные. В чём-то они правы, это самый оптимальный путь изучения. Но не единственный. Я тоже прошёл вашим путём и сейчас понимаю, что он оказался сложнее и запутаннее. Но, повторюсь, плохого в этом ничего нет.

Удачи в начинаниях!