react
ranran_sun
一只不断学习的攻城狮~
展开
-
react学习笔记(一)安装
安装react npm install -g create-react-app 创建第一个项目:create-react-app 自动创建的项目是基于 Webpack + ES6 (时间好久,我都打了这么多字了,还没创建完。。。建完。。。。完。。。。。)哎呀,终于完事了,我以为卡死了安装结束:按照提示,启动服务打开:http://localhost:3000/...原创 2018-03-30 13:45:10 · 180 阅读 · 0 评论 -
react学习笔记(二)JSX基本用法
先上基础代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>Hello React!</title> <script src="https://cdn.bootcss.com/react/15原创 2018-03-30 15:35:18 · 233 阅读 · 0 评论 -
react学习笔记(三)生命周期
react的生命周期从组件诞生到移除:组件的生命周期可分成三个状态:❤Mounting:已插入真实 DOM❤Updating:正在被重新渲染❤Unmounting:已移出真实 DOM❤挂载:1、componentWillMount 组件挂载之前被调用2、componentDidMount 在挂载结束被调用,DOM节点初始化操作应该在这里❤更新:1、componentWillReceiveProps...原创 2018-04-02 14:14:44 · 195 阅读 · 0 评论 -
react学习笔记(四)react如何实现”数据双向绑定“的效果以及DOM钩---refs
react单向数据流,怎么做到双向数据绑定使用event.target举个栗子input标签 ,vue实现双向数据绑定v-module就哦了,但是react没有react的实现方法:首先,要初始化状态:this.state={"a":""}置空也可以<input type="text" onInput={this.change} />chenge事件的event.target指的触发...原创 2018-04-02 15:54:49 · 3306 阅读 · 0 评论