摘要:(1)create-next-app就是Next.js的脚手架工具, 有了它可以直接一句命令就建立好项目目录和基本结构,省去了我们很多的麻烦。 如果你没有使用过create-next-app,可以先进行全局安装,安装如下: npm install -g create-next-app (2)安装好脚 阅读全文
posted @ 2019-11-29 15:38 林玖女神 阅读(864) 评论(0) 推荐(0) 编辑
摘要:Next.js中不能直接使用css,需要我们自行解决: 一、先解决不能引入css,只能使用<style jsx>的问题 (1)需要安装 @zeit/next-css : npm install --save @zeit/next-css (2)安装成功,需要在根目录建立next.config.js 阅读全文
posted @ 2019-11-29 11:33 林玖女神 阅读(1117) 评论(0) 推荐(0) 编辑
摘要:npm安装依赖时,报错如下 解决方法(一) (1)清缓存: npm cache clean --force (2)安装淘宝镜像:npm install --registry=https://registry.npm.taobao.org 解决方法(二) 方案一不行的话,用方案二 (1)清缓存:npm 阅读全文
posted @ 2019-11-29 10:43 林玖女神 阅读(514) 评论(0) 推荐(0) 编辑
摘要:第一:intellij idea 配置gitlab ssh key 1:打开git bash,不需要进入任何目录,直接输入 ssh-keygen -t rsa 一路回车 2:生成之后找到秘钥文件id_rsa.pub 登录自己的gitlab账号 把自己的秘钥输入进去,完成之后就可以拉取代码了. 第二: 阅读全文
posted @ 2019-11-23 11:04 林玖女神 阅读(267) 评论(0) 推荐(0) 编辑
摘要:## 安装react-transition-group ## npm install react-transition-group --save 或者 npm i react-transition-group -S ## 使用react-transition-group## react-transi 阅读全文
posted @ 2019-11-20 11:09 林玖女神 阅读(219) 评论(0) 推荐(0) 编辑
摘要:父组件的输入框一直在变,那么子组件也一直在渲染,单个的父子组件传值可能不影响,项目复杂会影响性能。 这个时候需要在子组件数据更新shouldComponentUpdate的生命周期中加入判断: shouldComponentUpdate有两个参数: nextProps:变化后的属性 nextStat 阅读全文
posted @ 2019-11-19 17:12 林玖女神 阅读(38) 评论(0) 推荐(0) 编辑
摘要:React声明周期的四个大阶段: 1-Initialization:初始化阶段。 2-Mounting: 挂载阶段。 3-Updation: 更新阶段。 4-Unmounting: 销毁阶段 Mounting阶段 Mounting阶段叫挂载阶段,伴随着整个虚拟DOM的生成,它里边有三个小的生命周期函 阅读全文
posted @ 2019-11-19 16:20 林玖女神 阅读(17) 评论(0) 推荐(0) 编辑
摘要:例一:获取输入框输入的信息,代替e.target.value <div> <label htmlFor='addService'>项目名称</label> <input id='addService' ref={(input)=>{this.input=input}} className='inpu 阅读全文
posted @ 2019-11-19 14:51 林玖女神 阅读(40) 评论(0) 推荐(0) 编辑
摘要:单项数据流:父组件传过去的值,子组件只可以使用不能修改,子组件想修改的话,必须通过触发父组件的方法去修改。 PropTypes检验是为了以后更好的维护业务逻辑,项目越来越大时,不会导致业务逻辑混乱 PropTypes校验传递值使用方法: (1)在接收值的子组件中引入 import PropTypes 阅读全文
posted @ 2019-11-19 11:14 林玖女神 阅读(79) 评论(0) 推荐(0) 编辑
摘要:(一)父组件向子组件传值: 父组件向子组件传递内容,靠属性的形式传递。 {/*父组件*/}import React,{Component,Fragment} from 'react' import Item from './item' import './style.css' class ItemL 阅读全文
posted @ 2019-11-19 09:57 林玖女神 阅读(176) 评论(0) 推荐(0) 编辑