Повторный вызов setState внутри componentWillUpdate или componentDidUpdate? - PullRequest
Новая
       18

Повторный вызов setState внутри componentWillUpdate или componentDidUpdate?

0 голосов
/ 22 ноября 2018

Я пытаюсь выяснить ориентацию фоновых изображений в компоненте React, которые передаются как реквизиты.

Я начинаю с создания объекта Image и установки его src для нового Image: 

  getImage() {
    const src = this.props.url;
    const image = new Image();
    image.src = src;

    this.setState({
      height: image.height,
      width: image.width
    });
  }

После того, как я обновил состояние с высотами и ширинами, я пытаюсь вызвать getOrientation() внутри componentDidUpdate(): 

  getOrientation() {
    const { height, width } = this.state;
    if (height > width) {
      this.setState({ orientation: "portrait" });
    } else {
      this.setState({ orientation: "landscape" });
    }
  }

Затем я получаю следующую ошибку: 

Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate.

Есть идеи, что здесь происходит?

Ссылка наПесочница

1 Ответ

0 голосов
/ 22 ноября 2018

Вам необходимо включить prevProps, например, так: 

componentDidUpdate(prevProps, prevState) {
  ...
}

Подробнее см. здесь .

...