react
雾里桃花
这个作者很懒,什么都没留下…
展开
-
react-flux
flux1、flux存在的意义2、flux的运作流程3、flux的使用方法1.Dispatcher2.action3.Store 1、flux存在的意义 首先做一个对比,react是用来替换jquery的,而flux则是以替换backbone.js等mvc框架为目的的。 mvc(model,view,controller)的世界里,react相当与mvc的view层,只负责页面的渲染,一旦涉及数据...原创 2020-05-08 11:07:39 · 470 阅读 · 0 评论 -
react-生命周期
react生命周期主要分为三个部分,装载过程,更新过程,卸载过程1.装载过程2.更新过程3.卸载过程 1.装载过程 当组件第一次被渲染的时候,一次调用的钩子函数如下: constructor constructor ,也就是es6中每个类的构造函数,要创建一个类的实例,就要调用相应的构造函数。 存在的意义: (1).初始化state (2).绑定成员函数的this环境 getInitialSta...原创 2020-05-07 16:46:31 · 143 阅读 · 0 评论 -
react-state
state的使用方法1.什么是state2.初始化state3.获取state4.更改state 1.什么是state react除了prop之外,还有state,state是组件内部的状态,由于react组件不能够修改传入的prop,所以只能通过state来记录、更新组件内部的数据的变化 2.初始化state constructor(props) { ... this.state = { ...原创 2020-05-07 15:40:20 · 142 阅读 · 0 评论 -
react-prop
react-prop1.什么是prop2.prop赋值3.prop取值propType检查 1.什么是prop 在react中,prop是外部传递给组件的数据。 每个react组件都是一个独立的模块,组件之外的一切就是外部世界,外部世界是通过prop来和组件对话的。 2.prop赋值 父组件使用给子组件传递数据 class List extends Component { render() {...原创 2020-05-07 15:07:24 · 658 阅读 · 0 评论 -
react创建项目
react创建项目1. 环境需求2. 创建项目3. 创建react组件 1. 环境需求 创建react项目需要安装node.js,安装方法百度自查,网上有很多,检查是否安装成功的方法如下 node -v //打开cmd输入node -v 安装完成后,打开cmd输入 node -v 如果出现版本号就说明已经安装成功了 2. 创建项目 1.下载react脚手架(打开cmd输入以下命令) npm i...原创 2020-05-07 09:53:28 · 975 阅读 · 0 评论