
react
写bug的小气球
go go go
展开
-
React的学习(6)redux部分
thunk中间件 npm i --save redux-thunk Redux-thunk中间件的配置和安装 import {createStore, applyMiddleware, compose} from 'redux' import reducer from '../reducer/reducer' import thunk from 'redux-thunk' const compos...原创 2020-03-18 18:11:59 · 101 阅读 · 0 评论 -
React的学习(5)Redux
这里直接做的demo,Action还不清楚咋事, 先总结下大概流程: 首先明白store的翻译是仓库的意思,其次我们从redux中引出createStore,然后引入reducer,还记得上面的图么,想象成图书馆,找图书时需要去找管理员reducer拿到数据,reducer的作用就是暴露一个方法,将你的状态返回,因为reducer是管理状态的 这是store.getState()输出结果 ...原创 2020-03-17 20:19:51 · 113 阅读 · 0 评论 -
React的学习(4)ajax-》axios
踩个坑:react中用confirm前面要加window 这种添加删除评论的功能,前面vue也做过,这里主要就是习惯react实例的三个属性refs,props,state的用法,没什么可说的 PubSub 哭了,这个是npm i pubsub-js ,不是.js,找半天原因。。。。。下错了 发布订阅怎样理解:像微信的订阅,订阅完了才会给你发布信息,所以先订阅后发布,订阅越快越好,所以放在挂载前比...原创 2020-03-16 19:14:18 · 201 阅读 · 0 评论 -
React(3)生命周期
生命周期流程: 1.第一次进入初始化渲染显示:render() constructor():创建对象初始化state componentWillMount():将要插入回调 render():用于插入虚拟DOM回调 componentDidMount():已经插入回调 2.每次更新state: this.setState() componentWilIUpdate():将要更新回调 rend...原创 2020-03-15 19:18:50 · 141 阅读 · 0 评论 -
React的学习(2)
上节学了父组件向子组件中传值用props,这次练习感觉最关键的还是在react中子组件向父组件传值,用子组件调用父组件函数的形式来实现。 点击按钮实现添加数据 值得注意的接个点: 1.unshift接收的是数组长度,改变了原数组,直接用就好了不需要a=这种去赋值 2.点击完按钮清空input,这里不能newTodo=‘’,涉及深克隆问题,想了下,因为控制input的是value,而不是newTod...原创 2020-03-15 12:19:54 · 193 阅读 · 0 评论 -
React的学习(1)
开始学习react,多会一个,机会越多,加油! 流程: 创建虚拟DOM对象 渲染虚拟DOM对象ReactDOM.render 第一次接触,这是两种写法 组件 这个过程工厂函数组件和class继承方法一个被调用了,一个new生成了实例,实例对象的原型中有render方法 总结ReactDOM.render()渲染组件标签的基本流程 1.React内部去创建组件实例对象 2.得到包含的虚拟DO...原创 2020-03-14 18:28:45 · 114 阅读 · 0 评论