![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
雾里桃花
这个作者很懒,什么都没留下…
展开
-
react-flux
flux1、flux存在的意义2、flux的运作流程3、flux的使用方法1.Dispatcher2.action3.Store1、flux存在的意义首先做一个对比,react是用来替换jquery的,而flux则是以替换backbone.js等mvc框架为目的的。mvc(model,view,controller)的世界里,react相当与mvc的view层,只负责页面的渲染,一旦涉及数据...原创 2020-05-08 11:07:39 · 364 阅读 · 0 评论 -
react-生命周期
react生命周期主要分为三个部分,装载过程,更新过程,卸载过程1.装载过程2.更新过程3.卸载过程1.装载过程当组件第一次被渲染的时候,一次调用的钩子函数如下:constructorconstructor ,也就是es6中每个类的构造函数,要创建一个类的实例,就要调用相应的构造函数。存在的意义:(1).初始化state(2).绑定成员函数的this环境getInitialSta...原创 2020-05-07 16:46:31 · 138 阅读 · 0 评论 -
react-state
state的使用方法1.什么是state2.初始化state3.获取state4.更改state1.什么是statereact除了prop之外,还有state,state是组件内部的状态,由于react组件不能够修改传入的prop,所以只能通过state来记录、更新组件内部的数据的变化2.初始化stateconstructor(props) { ... this.state = { ...原创 2020-05-07 15:40:20 · 130 阅读 · 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 · 570 阅读 · 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 · 949 阅读 · 0 评论