Почему не изменяется поле id в state react?

Question

[Korifa]

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

Comments

[Петр Мухуров]

class ... {
  state = {
    comments: [],
    id: parseInt(this.props.match.params.number)
  }
  ...
  updComments = (...) => {}
  saveComments = (...) => {}
}

и не нужен больше конструктор, и не появляются лишние проблемы

Answer 1

[hzzzzl]

не надо писать пропсы в стейт, лучше работать сразу с этим this.props.....number там где надо

этот компонент Worker каждый раз создается новый, или создается только один раз, и потом по обновлению url надо в нем менять контент? конструктор же только 1 раз выполняется, то есть один раз выставляется this.state.id из пропсов, а потом уже нет

ну или так
https://ru.reactjs.org/docs/react-component.html#c...

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

---
там же
https://ru.reactjs.org/docs/react-component.html#c...

Примечание:
Не копируйте пропсы в состояние! Это распространённая ошибка:
...

Comments

[Korifa]

обновляется контент, да, с this.props.... все заработало

Answer 2

[Mikhail Osher]

https://overreacted.io/writing-resilient-components/

Очень внимательно прочитайте статью и найдёте причину проблемы.

// edit

Параметр id в state записывается только в конструкторе. Чтобы оно было обновлялось, нужно использовать либо getDerivedStateFromProps, либо вызывать setState в componentDidUpdate, если изменился "props.params.match.number".

Comments

[Korifa]

я выносил его из стейт все равно не обновляется

[Korifa]

когда был функциональный компонент, все работало, правда другие функции не работали,

[Korifa]

я просто думал, что пока конструктор не закончил свою работу, другие методы не выполняются