three.js OBJLoader没有在反应中加载

Question

我正在尝试加载对象（.obj）文件以与three.js一起使用并做出反应（使用react-three-renderer），但得到的My代码如下：

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();
  }
}