小编use*_*721的帖子

在 Nextjs13 中使用 useRef 时发生错误

我正在尝试学习 nextjs13 和 typescript。我导入了 useRef 钩子,它给了我一个错误。

在此输入图像描述

这是代码。

import { useEffect, useRef } from "react"

export const useDraw = () => {

   const canvasRef = useRef<HTMLCanvasElement>(null)

    useEffect(() => {
        
    }, [])

    return { canvasRef }
}
Run Code Online (Sandbox Code Playgroud)
import { FC } from "react"
import { useDraw } from "../hooks/useDraw"

interface pageProps{}

const page: FC<pageProps> = ({}) => {
  const { canvasRef } = useDraw()
  return <div className="w-screen h-screen bg-white flex justify-center items-center">
    <canvas ref={canvasRef} width={750} height={750} className="border border-black rounded"/>
  </div>
}

export …
Run Code Online (Sandbox Code Playgroud)

typescript reactjs next.js

2
推荐指数
1
解决办法
1602
查看次数

标签 统计

next.js ×1

reactjs ×1

typescript ×1