
react进阶
jiaojsun
做一只快乐的小码龙
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
react进阶—01数据展示
1.react初始 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Hello React!</title> <script src="https://cdn.staticfile.org/react/16.4.0/um原创 2019-02-24 16:08:04 · 267 阅读 · 0 评论 -
react进阶—02state切换
本节实现效果是点击子项打开关闭 demo.js <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>My React!</title> <script src="https://cdn.staticfile.org/rea原创 2019-02-24 16:49:06 · 166 阅读 · 0 评论 -
react进阶—03子级向父级传递数据
这一节主要讲解如何把子级发生变化的show,传递给父组件。 首先,在子组件Item中的changeList事件中,添加这样的代码 注意,this.props.onChange(this.props.index);指的是调用父级传过来的事件,这个附件在父级是这样定义的 这样呢,子级向父级传值已经实现,但是并没有实现我们的效果,我们分别在父组件和子组件中打印值。父组件没有问题,子组...原创 2019-02-24 17:18:24 · 671 阅读 · 0 评论 -
react进阶—04利用生命周期完善整个动画
1.上节回顾 生命周期 一个组件从创建到销毁的过程,称为:生命周期 React 在组件的生命周期内的不用阶段会调用一些函数,我们把这些函数称为:生命周期函数 组件的三个阶段: Mounting:挂在阶段 Updating:更新阶段 Unmounting:卸载阶段 *Mounting 和 Unmounting 阶段在组件的整个生命周期中只会出现一...原创 2019-02-24 19:34:34 · 425 阅读 · 0 评论 -
react和vue系统性总结
vue项目中的坑 1.数组,对象。不能实时变化,必须使用变异方法 2.elementyi scope 样式不能使用 去掉scope就可以了 3.v-show 和 v-if正确使用 4.普通的watch中只能监听到某不对象的变化才会调用,当想监听对象以及对象中属性的变化都调 用函数时,可以使用deep:true 5.echarts的id值必须唯一 Reac项目中的坑 1.在r...原创 2019-09-10 10:49:19 · 228 阅读 · 0 评论