Как правильно устроить задержку выполнения функций?

Question

[Сергей Сунцев]

При загрузке страницы я получаю id компонента и рендерю его,
Но слева есть меню с кнопками, при нажатии на которые у меня меняется роутинг и срабатывает функция изменения компонента(в state записываю новый this.props.params.id ), так вот эта функция срабатывает раньше, чем поменяется роутинг.

Я исправил это костылем setTimeout с минимальной задержкой.
Но хочется знать, как правильно нужно в такой ситуации делать?

В рендере :

<Link to={'/temp/'+props.id+'/'+item.id} onClick={props.handleChange} className="btn project-list-item" key={i}>{item.name}</Link>

Сама функция:

handleChange(){
    let _this = this;
    setTimeout(function() {
      _this.setState({currentId : _this.props.params.id});
    }, 4);
  }

Comments

[Nwton]

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

[Сергей Сунцев]

Nwton: Иначе я бы не задавал вопрос

[Сергей Сунцев]

Nwton: через Link

[Nwton]

Сергей Сунцев: можно пример кода?

Answer 1

[Максим]

Скорее всего, где-то в коде проблема...
Но если читать ваш вопрос буквально, то кроме как setTimeout есть еще setInterval и requestAnimationFrame (все трое вам не подходят).

Обычно же, если хочется, чтобы функция выполнилась после получения какого-то результата, используют "коллбэки".

Comments

[Сергей Сунцев]

Когда надо сделать выполнение одной функции перед другой, это понятно, но в данном случае происходит изменение линка и я не могу понять, как привязать изменение линка к функции.

[Максим]

Сергей Сунцев: к сожалению, мало информации в вопросе... можете подробнее описать и приложить код? по идее же, из всех компонентов (умных) доступен роутинг, и уже на основе этого что-то изменяется.. поэтому пишу, что скорее всего проблема где-то в коде, что-то делается не react-way так сказать..