如何在react中更改.gltf缓冲区uri？

npm install three

import React, { useEffect, useRef } from 'react';
import * as THREE from 'three';

const GLTFModel = () => {
  const containerRef = useRef(null);

  useEffect(() => {
    const container = containerRef.current;

    // 创建场景、相机和渲染器
    const scene = new THREE.Scene();
    const camera = new THREE.PerspectiveCamera(75, container.offsetWidth / container.offsetHeight, 0.1, 1000);
    const renderer = new THREE.WebGLRenderer({ antialias: true });
    renderer.setSize(container.offsetWidth, container.offsetHeight);
    container.appendChild(renderer.domElement);

    // 创建光源
    const light = new THREE.DirectionalLight(0xffffff);
    light.position.set(0, 1, 1).normalize();
    scene.add(light);

    // 加载并显示.gltf模型
    const loader = new THREE.GLTFLoader();
    loader.load('path/to/your/model.gltf', (gltf) => {
      scene.add(gltf.scene);
    });

    // 渲染循环
    const animate = () => {
      requestAnimationFrame(animate);
      renderer.render(scene, camera);
    };
    animate();

    // 组件卸载时清理资源
    return () => {
      container.removeChild(renderer.domElement);
    };
  }, []);

  return <div ref={containerRef} />;
};

export default GLTFModel;