反应三光纤立方体没有出现

Question

我试图在DOM上呈现一个旋转立方体，但由于某种原因，以下代码没有显示任何内容。

我也没有任何错误。

function Cube(){
const meshRef = useRef<Mesh>(null); 
useFrame((state, delta) => (meshRef.current.rotation.x += delta))

return(
<mesh ref={meshRef}>
<boxGeometry/>
<meshStandardMaterial/>
</mesh>
)
}
function App() {

return (
<div className="App">
<Canvas>
<Cube />
</Canvas>
</div>
);
}

Answer 1

将ur文件更改为.tsx，应该会为修复它