14、利用 React VR 和 Three.js 构建沉浸式 VR 世界

利用 React VR 和 Three.js 构建沉浸式 VR 世界

1. 让原生代码与 React VR 交互

要让对象与世界其他部分交互，需对 index.vr.js 进行修改，同时首次使用 VrButton 。注意 VrButton 的拼写，若在控制台看到 VRButton is not defined 错误，通常是在导入语句中遗漏了它。

为实现交互，需按以下步骤操作：
1. 声明 NativeModule ：在 index.vr.js 顶部导入指令后添加声明：

// Native Module defined in vr/client.js
const cubeModule = NativeModules.CubeModule;

2. 设置初始状态 ：在 index.vr.js 中设置新的初始状态，避免黑屏和错误：

class GoingNative extends React.Component {
  constructor(props) {
    super(props);
    this.state = { btnColor: 'white', cubeColor