最新版的next在安装的时候,已经集成了React,不需要在单文件头部单独引入React,可以直接使用React语法。
一:路由跳转
import Link from 'next/link'<Link href="/pathA">测试</Link>
最新版本的next中的Link 不需要在Link下一级使用a标签;
1.1编程式导航
import Head from 'next/head'
import Link from 'next/link'
import Router from 'next/router'export default function Home() {// 编程式导航function jumpJsapng() {Router.push('/jspangA')}function jumpJspangB() {Router.push('/jspangB')}function onJingkong() {Router.push({pathname:"xiaojiejjie",query:{name:"貂蝉1"}})}return (<><Head><title>home</title></Head><main><div>我是首页</div><div><button onClick={jumpJsapng}>JspangA</button><button onClick={jumpJspangB}>JspangB</button></div><div><button onClick={onJingkong}>选净空</button></div></main></>)
}