react中创建一个关于babylonjs的类，专门用于babylonjs操作，然后初始化后加载一个obj模型

可以按照以下步骤：

1. 首先安装 babylonjs 库，可以使用 npm 安装：`npm install babylonjs --save`

2. 在 react 中创建一个名为 BabylonScene 的组件，并引入 babylonjs 库：

import * as BABYLON from 'babylonjs';
import 'babylonjs-loaders';
import React, { Component } from 'react';

3. 在 BabylonScene 组件中创建一个名为 BabylonCanvas 的 div 元素，用于渲染场景：

class BabylonScene extends Component {
  componentDidMount() {
    // 定义场景
    this.scene = new BABYLON.Scene(this.engine);

    // 定义相机
    this.camera = new BABYLON.ArcRotateCamera('camera', -Math.PI / 2, Math.PI / 2, 10, new BABYLON.Vector3(0, 0, 0), this.scene);
    this.camera.attachControl(this.canvas, true);

    // 定义灯光
    this.light = new BABYLON.HemisphericLight('light', new BABYLON.Vector3(0, 1, 0), this.scene);

    // 加载模型
    BABYLON.SceneLoader.ImportMesh('', '/models/', 'model.obj', this.scene, (meshes) => {
      this.model = meshes[0];
    });
  }

  onCanvasLoaded = (canvas) => {
    if (canvas) {
      // 创建 babylon 引擎
      this.canvas = canvas;
      this.engine = new BABYLON.Engine(this.canvas, true);
    }
  };

  render() {
    return <div ref={this.onCanvasLoaded} style={{ width: '100%', height: '100%' }} />;
  }
}

export default BabylonScene;

4. 在 BabylonScene 组件中创建一个名为 BabylonCanvas 的 div 元素，用于渲染场景：

import BabylonScene from './BabylonScene';

class App extends Component {
  render() {
    return (
      <div style={{ width: '100%', height: '100%' }}>
        <BabylonScene />
      </div>
    );
  }
}

export default App;

注意：需要在 public 文件夹下创建一个名为 models 的文件夹，并将 obj 模型文件放在其中。