0

Есть работающий метод

handleChange = (event, props)=>{
    const match = new RegExp(escapeRegExp(this.state.value, 'i'));
    const foundedPlaces = this.state.foundedPlaces.filter((place)=>match.test(place.name));
    this.setState({
        value : event.target.value.substr(0,20),
        foundedPlaces: foundedPlaces.sort(sortBy('name'))
    });
    console.log(this.state.foundedPlaces)
    this.props.getPlaces(this.state.foundedPlaces);
}

но стейт обновляется асинхронно и при передаче данных несколько запаздывает. Value передается из другого компонента, а foundedPlaces это отсортированный массив, как лучше переписать

window.setTimeout(() => {
    this.setState({authorFlickr: authorPics});
});

увы, не работает(( и кстати этот метод тоже надо переписать на синк

3
  • А зачем это вообще класть в state?
    – Alexey Ten
    22 авг 2018 в 3:25
  • это передается в родительский компонент, нижний метод, данные в дидМаунт идут (не видны в скоупе) 22 авг 2018 в 8:41
  • чтобы понимать, одни данные локальные, а вторые из другого компонента 22 авг 2018 в 9:49

1 ответ 1

1

Вторым параметром у setState идет callback, срабатывающий после изменения состояния, чтобы гарантированно получить новые данные

this.setState({
    value : event.target.value.substr(0,20),
    foundedPlaces: foundedPlaces.sort(sortBy('name'))
}, () => {
    console.log(this.state.foundedPlaces);
    this.props.getPlaces(this.state.foundedPlaces);
});

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.