人工智能时代，前端全栈成就独立开发工程师 next.js 开发实战

王永庆

next  可以服务端渲染，可以客户端渲染，让前端同事更有性价比，让我们做得可以更多

由于next.js 是基础于react 所以在正式学习next.js 之前我们了解一下react

 

什么叫模块 ，就是一个文件，向外提供一些功能的文件，之所要要折分模块就是因为功能越来越复杂，为了方便 管化或管理。

第一部份，我们用最原始的，没有用脚 手架，所以要手工加载三个文件，一个dom  一个react  一个babel 

 父子继承的示例：

 

 

二，组件  用来实现代码和资源的组合， 就是写好好很多功能，比如头部，尾部，列表，这些在需要的地方专主入 ，（组件包括样式，内容，结构）

组件化，模型化  名词就是如果这个项止用一个个组件拼成在一起就是模块，如果项目有结构化，还有工程化，都 是一种说法

函数式组件，用于简单组件的定义 ,错误定义。原因是组件需要大写

 正确的写法

 

类组件之前，我们来复习一什么类和this 

 重写方法：

 

类组件

 

 注意传值变量

 属性传参

 

 

 

ref  使用

 

 

登陆示列：

 示例  一个登陆帐号密码的地方

 

来源：https://www.cnblogs.com/ZzwWan/p/18097870