React-three-fiber 'useRender‘不是从'react-three-fiber’导出的

Question

我一直在尝试使用从导入的useRender

import { Canvas, useRender } from 'react-three-fiber';

const App = () => {
  const meshRef = useRef();
  const [hovered, setHovered] = useState(false);
  const [active, setActive] = useState(false);
  const props = useSpring({
    scale: active ? [4, 4, 4] : [2, 2, 2],
    color: hovered ? "red" : "hotpink"
  });

  useRender(() => {
    meshRef.current.rotation.y += 0.01
  })

但是它总是给我一个错误，'useRender不是从'react-three-fiber‘中导出的。当我访问文档(https://inspiring-wiles-b4ffe0.netlify.app/4-hooks)时，它告诉我它可以导出。

有人知道这是怎么回事吗？我将按照本教程https://www.youtube.com/watch?v=1rP3nNY2hTo进行操作

Answer 1

useRender非常古老，它被称为useFrame，它的工作方式也略有不同。唯一的官方文档ATM机在这里：https://github.com/react-spring/react-three-fiber/blob/master/api.md

Answer 2

用useFrame代替useRender就可以了。

Answer 3

看起来没问题，你用的是什么版本，安装正确了吗？也许可以删除node_modules文件夹并执行npm install，然后重试

import { useRender } from 'react-three-fiber'
import { Canvas } from 'react-three-fiber'