react
文章平均质量分 93
黛梨
闭心自慎,终不失过兮.
展开
-
props与state的区别
一、背景在学习React的过程中,频繁的跟props和state打交道,对于初学者来说,不知道什么情况下来使用它们有时候不知道在什么情况下来使用它们。二、区别props和state之间是紧密相关的。父组件的state常常转变子组件的props成下面我们通过一个父子组件从上至下来分析它们。假如我们有个父组件,可以在父组件的state里定义子组件的数据比如:this.setState({ childDa转载 2017-05-22 17:52:00 · 1805 阅读 · 0 评论 -
React-组件生命周期
每个生物都有它自己的生命周期,从出生到少年,成年再到死亡,同理,组件也是有它特定的生命周期,React用不同的方法来描述它的整个生命周期。现在,要稍微修改一下组件的代码,当组件加载完毕1秒后,使liked的值自动加1....... componentDidMount(){ setTimeout(()=<{ this.likedCallback(); },1000);原创 2017-06-25 12:20:22 · 776 阅读 · 0 评论 -
webpack基础入门
写在前面的话 阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较有限,你可以快速浏览或直接跳过;如果你和十天前的我一样,对很多选项存在着疑惑,那花一段时间慢慢阅读本文,你的疑惑一定一个一个都会消失;如果你以前没怎么接触过Webpack,而你又你对webpack感兴趣,那么动手跟着本文中那个贯穿始终的例子写一次,写完以后你会发现你已明明白白的走进了转载 2017-07-24 21:02:36 · 670 阅读 · 0 评论 -
react性能优化
写在前面的话:要想解决问题,首先得找到问题的根源,所以,说起性能分析,还是要从其生命周期和渲染机制说起。1.渲染机制react的组件渲染分为初始化渲染和更新渲染,在初始化渲染的时候会调用根组件下的所有组件的render方法进行渲染。但是当我们要更新某个子组件的时候,是从根组件传递下来应用在子组件上的数据发生改变。 我们只是希望调用关键路径上组件的render就好了。 但是, react的默认做原创 2017-08-28 15:45:40 · 1628 阅读 · 0 评论