随笔分类 -  React

redux相关学习资源
该文被密码保护。
posted @ 2019-03-02 16:13 姜瑞涛 阅读(49) 评论(0) 推荐(0)
关于生命周期里执行setState
摘要：React里生命周期的哪些方法里可以执行setState，这对于很多使用React很长时间的开发都是个迷惑的问题。 先看一下完整的生命周期。 再看两篇文章 React componentDidUpdate 异步请求的回调可以使用this.setState吗？ 无法理解componentDidUpda 阅读全文
posted @ 2019-01-25 04:37 姜瑞涛 阅读(1506) 评论(0) 推荐(0)
react里执行shouldComponentUpdate时返回false的后果
摘要：大家都知道生命周期shouldComponentUpdate返回false时，不会进行后续的渲染，那这个时候state是什么情况呢。我们看一下demo number是4的时候，我们返回false。运行结果表明，当按钮的数字是4的时候，再点击，数字不变化，接着点击，数字由4变成了6。表明，should 阅读全文
posted @ 2019-01-20 12:33 姜瑞涛 阅读(392) 评论(0) 推荐(0)
react中对象扩展运算符使用问题
摘要：看别人代码看到 对其中的{...this.props}产生了疑惑。我们知道在JSX中遇到{}就以js来解析，所以遇到{...this.props}左边的 { 时，开始以js来解析。但我们在这里按照ES7的对象扩展运算符语法，无法解析 成对象，因为需要再多一个{}包住...this.props才行，否 阅读全文
posted @ 2018-05-09 19:52 姜瑞涛 阅读(983) 评论(0) 推荐(0)
比较好的Redux和React-Redux学习资料
摘要：1.Redux 莞式教程。本教程深入浅出，配套入门、进阶源码解读以及文档注释丰满的 Demo 等一条龙服务https://github.com/kenberkeley/redux-simple-tutorial 做配的例子2.阮一峰 Redux 教程 http://www.ruanyifeng.co 阅读全文
posted @ 2018-03-31 08:56 姜瑞涛 阅读(211) 评论(0) 推荐(0)
一个自己犯的react错误
摘要：在看《react小书》高阶组件一节的时候，看到如下代码 忽然大脑短路了：return <WrappedComponent data={this.state.data} /> 中为何不用this.props来使用data，而使用this.state呢。 想了一会儿，忽然觉醒，你这是把对子组件的定义和使 阅读全文
posted @ 2018-03-13 13:14 姜瑞涛 阅读(141) 评论(0) 推荐(0)
react持续记录零散笔记
摘要：根据 React 的设计，所有的 DOM 变动，都先在虚拟 DOM 上发生，然后再将实际发生变动的部分，反映在真实 DOM上，这种算法叫做 DOM diff 这些生命周期在深入项目开发阶段是非常重要的。而要完全理解更新阶段的组件生命周期是一个需要经验和知识积累的过程，你需要对 Virtual-DOM 阅读全文
posted @ 2018-03-08 10:54 姜瑞涛 阅读(139) 评论(0) 推荐(0)
React事件处理函数传参问题
该文被密码保护。
posted @ 2018-02-28 10:37 姜瑞涛 阅读(37) 评论(0) 推荐(0)
Sublime Text3的react代码校验插件
摘要：之前写前端一直用的是jshint做语法检查，但jshint不支持JSX语法，为了在React使用，需要用eslint代替它。六月份的时候为了写React Native，编辑器换过Webstorm和VS Code，发现还是用Sublime舒服，决定把其打造完美。 先把jshint插件禁用Shift+C 阅读全文
posted @ 2017-11-02 21:13 姜瑞涛 阅读(414) 评论(0) 推荐(0)
Sublime Text3中JSX支持Emmet快捷键
摘要：在复习React的过程中，发现Sublime有些快捷键不能用了，如Emmet的Tab快速生成HTML代码只能用Ctrl+E快捷键，而不能用Tab键了，在网上找了很多文章，发现都有问题，最终自己通过下面的配置即可实现Tab快捷键。 Preferences-> Package Settings->Emm 阅读全文
posted @ 2017-11-02 15:57 姜瑞涛 阅读(312) 评论(0) 推荐(0)
react中属性默认值是true?
摘要：看到项目代码中 里面的rightComponent没有声明值，在父组件中是当成一个布尔值用的，那该值是true还是false?找了下资料，说若没有值，而且没有提供默认值，则是true。真的么？先这么认为吧。 阅读全文
posted @ 2017-05-31 17:36 姜瑞涛 阅读(856) 评论(0) 推荐(0)
React父子组件的一个混淆点
摘要：反正我自己是混淆了，React父子组件和组件类的继承弄混在一起了。这两个东西完全是不相关的。 父子组件可以看成两个组件标签的包含关系，在另外一个组件标签的内部就是子组件，父子组件通过这种关系通信。 组件类的继承，组件类也是类，是ES6的clsss继承关系，React组件共有的超类是React.Com 阅读全文
posted @ 2017-05-26 10:50 姜瑞涛 阅读(286) 评论(0) 推荐(0)
为什么react的组件要super(props)
摘要：对这个问题纠结了好几天，一直没时间深入研究。在segmentfault看到有人提出了同样的问题，下面这篇SF给出了解释。为什么react的组件要super(props) 解释一： 调用super的原因：在ES6中，在子类的constructor中必须先调用super才能引用this super(pr 阅读全文
posted @ 2017-05-26 10:41 姜瑞涛 阅读(600) 评论(0) 推荐(0)
Redux中reducer的翻译
摘要：reduce有归纳，简化的意思，所以reducer可翻译成归并函数的意思，其实没必要翻译，大体知道就可以了。 阅读全文
posted @ 2017-05-25 10:54 姜瑞涛 阅读(399) 评论(0) 推荐(0)