Один компонент различные пропсы ???

Question

[m_frost]

Крч такая ситуация есть компонент Inbox

<Switch>
...otherRoutes
Route path={'/inbox'} component={Inbox}  />
</Switch>

function Inbox() {
Link to={'/inbox/someID'}
Link to={'/inbox/someID'}
Link to={'/inbox/someID'}
<div>
Route exact path={'/inbox/:id} component={Box}
</div>

class Box extends Component {
ComponentDidMount() {
 fetchSomeData(this.props.match.params.id)
}
render(){
return (
<div>SomeData</div>
)
}
}

В Inbox рендеряться ссылки и роут на компонент Box который в соответствии с id должен фетчить и отображать данные с сервера я понял что компонент маунтиться 1 раз и при переходе по ссылкам ему просто приходят новые пропсы в виде match.params.id , так вот возможно у кого-то будут какие-то идеи как это реализовать чтобы при переходе по ссылкам компонент фетчил данные в соответствии с id. ???

Answer 1

[0xD34F]

componentDidUpdate(prevProps) {
  const id = this.props.match.params.id;
  if (id !== prevProps.match.params.id) {
    this.fetchSomeData(id);
  }
}

Comments

[m_frost]

увы но нет за 20 сек компонент апдейтнулся 8к раз и у меня упал браузер

[0xD34F]

увы но нет

Увы, но да.

за 20 сек компонент апдейтнулся 8к раз и у меня упал браузер

Сочувствую вашему браузеру.

То есть, вы не смогли четыре строчки правильно написать. Учитывая степень безграмотности текста вопроса - подобному результату ничуть не удивлён. Нянчиться с вами, выясняя, где вы накосячили, я конечно не буду. Думайте.