Question

Environment
Next JS, TypeScript, React Fiber

《刑法》

import { useFrame } from  @react-three/fiber 
import React, { useRef, useState } from  react 

interface PolyhedronCanvasProps {
    position: [number, number, number],
    polyhedron: any
}

const PolyhedronCanvas = ( props: PolyhedronCanvasProps ) => {
    const ref = useRef()     
    const [count, setCount] = useState(0)

    useFrame((_, delta) => {  
        ref.current.rotation.x += delta
        ref.current.rotation.y += 0.5 * delta
    })

    return (
        <mesh 
            position={props.position}
            ref={ref}            
            onPointerDown={() => setCount((count + 1) % 3)}
            geometry={props.polyhedron[count]}
        >
            <meshPhongMaterial color={ lime } wireframe/>
        </mesh>
    )
}

export default PolyhedronCanvas

ref.current.rotation.x += delta
ref.current.rotation.y += 0.5 * delta

我也许可以操作下个小标题的申请,但我仍然沿用带<密码>的这两个字体的字典错误。参看目前可能未定义的

我再一次能够管理该项目,但我想去除使我的jsx档案在《科索沃法典》中重复的字典错误。

Answer 1

规定<代码>ref的类型(见docs):

import { Mesh } from  three 

const ref = useRef<Mesh>(null)

查询ref. Current 在分配价值观之前:

useFrame((_, delta) => {  
  if(ref.current) {
    ref.current.rotation.x += delta
    ref.current.rotation.y += 0.5 * delta
  }
})

Answer 2

 import { Object3D } from "three";

 const ref = useRef();

 useFrame((_, delta) => {
    if (ref.current) {
      const object3D = ref.current as Object3D;
      object3D.rotation.x += delta;
      object3D.rotation.y += 0.5 * delta;
    }
  });

友情链接