next
SunnyQK
这个作者很懒,什么都没留下…
展开
-
next.js源码学习
本文为作者学习next.js框架架构的一些总结,仅出于个人观点,可留言共勉。next版本:最新版源码地址:https://github.com/zeit/next.js1. 项目入口在我们使用next.js进行项目搭建时,package.json是必备的文件,其中scripts则为我们运行development、product等环境的入口,next相关的指令则包括{ "dev": "next dev", "start":"next start", "build": "next build.原创 2020-05-08 17:44:51 · 1004 阅读 · 0 评论 -
Next.js+Typescript+Yarn 构建服务端渲染项目(2)
Hi,在上一次分享的基础上,我们今天来了解下UI组件antd在该项目中的使用吧1. 引入Antd组件&babel-plugin-import。这个… 当然是必须的了,我们首先在项目中安装antd的依赖插件;yarn add antd babel-plugin-import -Dz2. 直接在项目中使用 — ???根据使用习惯的话,我们直接在index.tsx中import...原创 2019-12-31 16:23:53 · 454 阅读 · 1 评论 -
Next.js+Typescript+Yarn 构建服务端渲染项目(1)
本章进行基础项目框架的搭建,使用到的技术点包括基础框架:Next.js(一个轻量级的 React 服务端渲染应用框架)构建工具:YarnTypescript后面我们会再了解eslint等工具的引入1. 创建项目目录 1. mkdir next-ts 2. cd next-ts 3. yarn init -y完成以上三步之后你已经创建了一个 【next-ts】目录,该目...原创 2019-12-19 10:24:25 · 1295 阅读 · 0 评论 -
the 'url' property is deprecated
使用next进行开发时,控制台有时会报 Warning: the 'url' property is deprecated查了各种文档之后发现,这个错应该时使用了react-develops开发工具引入的,对项目功能不会有什么影响。因此在尝试了一番之后,禁用了浏览器上安装的react-develops工具,问题解决。...原创 2019-04-10 13:51:54 · 858 阅读 · 0 评论 -
React Hooks中父组件中调用子组件方法
React Hooks中父组件中调用子组件方法场景: 在使用antd的Table组件时,对Table子组件进行了二次封装(<AsyncTable />);在父组件(<f-comp />)中需要调用<AsyncTable />中的一个 函数,对antd原生Table上的dataSouce进行更新。所以,需要子组件中暴露一个函数供父组件调用,可以实时的去对子...原创 2019-09-27 16:06:04 · 14551 阅读 · 2 评论