nextjs- typescript- 属性 'className' 不存在于类型'IntrinsicAttributes & IntrinsicClassAttributes

Question

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

我无法将 className 属性添加到任何元素。我遇到以下错误。 类型“IntrinsicAttributes & IntrinsicClassAttributes & Readonly & Readonly

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

Answer 1

请参阅 NextJS docs。 Link 不是 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