next.js
本宝宝很开心
做一名合格的搬运工
展开
-
Next.js路由传递参数
1.query传递参数跳转创建service.js文件import Link from "next/link";function Service() { return ( <div> <Link href="/list/my?name=服务"><a>去My.js页面</a></Link> </div> )}export default Service创建phone.js文件原创 2021-03-02 14:44:55 · 2978 阅读 · 0 评论 -
Next.js创建页面及基本路由结构
1.在pages文件夹下创建xx.js文件function xx(params) { return ( <div> hello xx </div> )}export default xx注:直接访问 http://localhost:3000/xx 不用自己配置路由 (xx指文件名称)2.实现 http://localhost:3000/user/name.js在pages下新建user文件夹,在创建name.js...原创 2021-03-02 11:08:04 · 622 阅读 · 0 评论 -
Next.js搭建项目
1.手动搭建npm init (初始化)yarn add react react-dom next (安装)修改package.json的配置内容"scripts": { "dev":"next", "build":"next build", "start":"next start" },2.使用creat-next-app快速创建npx create-next-appcd xxx (文件夹)yarn dev...原创 2021-03-02 10:56:15 · 377 阅读 · 0 评论