Изменение состояния с «аспекта: 4/3» для установки переменных «аспект: аспект_x / аспект_y» выдает ошибку

Question

Пытаюсь создать два ползунка, которые регулируют размер окна обрезки в приложении, которое я создаю.Я пытаюсь установить отношение обрезки к установленным значениям «aspect_x» и «aspect_y», как показано ниже, чтобы я мог изменить их значения с помощью ползунка.

Я получаю сообщение об ошибке

Uncaught Invariant Violation: Maximum update depth exceeded.

constructor(props) {

    super(props);

    this.state = {

      aspect_x: 4,
      aspect_y: 3,
      crop: { x: 0, y: 0 },
      zoom: 1,
      aspect: this.aspect_x / this.aspect_y,
      croppedAreaPixels: null,
      croppedImage: null,
      imageSrc: props.url,
      imageName: props.filename,
      cropSuccess: false
    };
  }