Как дождаться установки state?

Question

[uRoot]

Как правильно ожидать когда выполниться setState и со значениями в state можно работать?

Есть такой пример:

filterItems = ( event ) => {
    ...
    this.setState( {items} )
    //  ниже идёт обращение к state 
  }

И нормально ли вообще ждать state? Не говорит ли это о неправильно организованной логике?

Пример кода

searchItems = ( {currentTarget} ) => {
    const search = currentTarget.value
    let items

    if(this.state.items.length) {
      items = this.state.items
    } else {
      items = json
    }

    this.setState({ search })


    // этот код должен выполниться после установи стейта
    setTimeout(() => {
      const result = items.filter(word =>
          word.name.toLocaleLowerCase().indexOf(this.state.search.toLocaleLowerCase()) !== -1
      )
      this.setState( {items : result} )
    }, 1);
  }

Answer 1

[McBernar]

setState(updater, [callback])

Колбек будет вызван после апдейта стейта.

Comments

[uRoot]

А насколько правильно ожидать, что стейт будет установлен?

[McBernar]

CryNet, ну я лично так не люблю. Это асинхронщина, которая работает по своим правилам. Если мне прям сейчас нужны новые данные для какого-то действия — я их использую напрямую, параллельно с записью в стейт. Но в целом в 99% случаев компоненты сами следят за стейтом.