Задать вопрос
@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. ???
  • Вопрос задан
  • 95 просмотров
Подписаться 1 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
  • Яндекс Практикум
    React-разработчик
    3 месяца
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
Решения вопроса 1
0xD34F
@0xD34F Куратор тега React
componentDidUpdate(prevProps) {
  const id = this.props.match.params.id;
  if (id !== prevProps.match.params.id) {
    this.fetchSomeData(id);
  }
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
ITK academy Нижний Новгород
от 80 000 до 120 000 ₽
ITK academy Воронеж
от 50 000 до 90 000 ₽