Я пытаюсь создать приложение, которое позволяет пользователю загружать изображение 360, и это изображение будет отображено. Для загрузки изображений я использую cloudinary, и защищенная ссылка отправляется на базу данных, которую я позже позвоню с помощью axios. Для рендеринга изображений я использую ThreeJS и реагирую. Моя проблема заключается в том, что при попытке загрузить передачу изображения в ThreeJS я получаю undefined example -> loader.load(this.state.image)
Я пытался использовать компонент сделал монтирование, и constructor(props) super(props) при использовании компонента монтировал я получаю элемент, однако яя не могу использовать функцию animate, при использовании конструктора я получаю неопределенное значение для реквизита, да я использую конструктор (реквизиты) super (реквизиты)
import React, { Component } from 'react';
import * as THREE from "three"
import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls';
import axios from "axios"
https://github.com/fpolica91/360_project/blob/master/src/Components/ThreeContainer.js
Я неполучаю сообщения об ошибках, но при попытке доступа к this.state.images при использовании монтирования конструктора или компонента, я получаю «undefined». При проверке компонентов на вкладке реагирования Chrome, я получаю значение.