react 服务端渲染 nextJS 入门

创建 next项目

# 全局安装
npm install || -g create-next-app

# 创建 next 项目
npx create-next-app next-create

使用组件

# lhd.js 子组件
export default ({children})=><button>{children}</button>

#父组件调用 
import Lhd from '../components/lhd'

<Lhd>按钮组件11</Lhd>

路由跳转

import Link from 'next/link'
import Router from 'next/router'


<Link href="/"><a>跳转</a></Link>
<button onClick={()=>{Router.push('/')}}>首页</button>