javascript - three.js OBJLoader 没有加载 react

Question

我正在尝试加载一个对象 (.obj) 文件以与 three.js 一起使用并使用react(使用 react-three-renderer)，但得到一个我的代码如下所示:

import React from 'react';
import ReactDOM from 'react-dom';
import React3 from 'react-three-renderer';
import TrackballControls from './TrackballControls';
import * as THREE from 'three';
import * as OBJLoader from 'three-obj-loader';
OBJLoader(THREE);

class MyClass extends React.Component {
...
  render() {
    ...
    const objLoader = new THREE.OBJLoader();
  }
}

但是，我不断收到:“在‘三’中找不到导出‘OBJLoader’(导入为‘三’)有人有想法吗？

Answer 1

所以似乎将 this.THREE = THREE 添加到 React 组件就可以了(很奇怪，嗯？)。所以我的代码目前看起来像:

import React from 'react';
import ReactDOM from 'react-dom';
import React3 from 'react-three-renderer';
import TrackballControls from './TrackballControls';
import * as THREE from 'three';
import * as OBJLoader from 'three-obj-loader';
OBJLoader(THREE);

class MyClass extends React.Component {
...
  render() {
    ...
    this.THREE = THREE;
    const objLoader = new this.THREE.OBJLoader();
  }
}