Как обновлять state при обновлении props?

Question

[Adventure2068]

Есть компонент, который получает prop из родительского компонента, который меняется в зависимости от значения input в род. компоненте. В зависимости от этого prop нужно фильтровать массив данных, и присваивать его state данного компонента. Как лучше это сделать? Если я обновляю state в componentDidUpdate выводит ошибку о бесконечном цикле.

class CardsWrapper extends Component {
    constructor(props){
        super(props)
        this.state = {
            films: [],
            currentSearch: props.currentSearch
        }

    }

    componentDidUpdate(prevProps, prevState){
        let search = this.props.currentSearch
        let films = filmsArray.filter(obj => !obj.title.search(search))

        }
    }

    render(){
        return (
            <div>
                <ul>
                    {this.state.currentSearch   }
                </ul>
            </div>
        )
    }


}

export default CardsWrapper

Answer 1

[0xD34F]

Если я обновляю state в componentDidUpdate выводит ошибку о бесконечном цикле.

Добавьте проверку, что изменились именно props:

componentDidUpdate(prevProps, prevState) {
  if (this.props.currentSearch !== prevProps.currentSearch) {
    // ваш код с вызовом setState
  }
}

Answer 2

[Jasulan98]

сначала надо через shouldcomponentupdate проверить обновить или нет(true or false).