nextjs- typescript-属性'className'在类型'IntrinsicAttributes和IntrinsicClassAttributes上不存在

Question

我已经使用打字稿创建了基本的nextjs应用 链接-https://github.com/zeit/next.js/tree/master/examples/with-typescript

我无法将className属性添加到任何元素。我得到以下错误。 属性'className'在类型'IntrinsicAttributes＆IntrinsicClassAttributes＆Readonly＆Readonly <{children ?: ReactNode; }>

我在其他属性上也遇到类型错误，例如链接元素上的rel。

Answer 1

请参见NextJS docs。链接不是DOM元素，因此您需要直接将className添加到<a>标记中，而不是添加到<Link>中。

文档中的基本示例：

// pages/index.js
import Link from 'next/link'

function Home() {
  return (
    <>
      <ul>
        <li>Home</li>
        <li>
          <Link href="/about">
            <a>About Us</a>
          </Link>
        </li>
      </ul>
    </>
  )
}

export default Home