// pages/index.js

import Comp from '../components/comp'
import Link from 'next/link'
import {Button} from 'antd'

const Named = () => (
  <Link href="/a">
    <Comp>Index</Comp>
  </Link>
)
export default Named

// components/comp.jsx
const Comp = ({children}) => <button>{children}</button>
export default Comp;

点Link没反应。 控制台出现警告。

react-dom.development.js?61bb:88 Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?

Check the render method of Link.
in Comp (at pages/index.js:8)
in Link (at pages/index.js:7)
in Named (created by App)
in App
in ErrorBoundary (created by ReactDevOverlay)
in ReactDevOverlay (created by Container)
in Container (created by AppContainer)
in AppContainer
in Root