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

Question

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

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

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

Answer 1

看下一个JS 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