React
smk108
目前主要工作是前端开发工程师,用过div+css、js、JQuery、bootstrap、ionic等技术,做过pc端,也试过移动端,尝试过混合式开发。目前,主要精力集中于React、Webpack、Redux 等React技术栈,也在学习es6等新技术。
展开
-
我不再使用React.setState的3个原因
从几个月前开始,我在新开发的React组件中不再使用setState。我并没有停止使用局部组件状态,只是不再用React来管理这些state,这是很不错的一个选择。对于React初学者来说,使用setState是比较棘手的。即使是经验丰富的React开发者,在使用React本身的状态管理机制时,也经常会出现一些比较微妙的bug,例如:忘记setState是异步的导致的bug:控制台的输...翻译 2018-12-24 19:32:15 · 2685 阅读 · 1 评论 -
在react项目中集成angularJS
注:Demo源码地址:https://github.com/smk108/react-angular React和Angular都是主流的前端框架,我参与的前端项目通常都是使用react开发,因为要在自己开发的项目中使用一个由angular开发的开源项目,因此开始尝试两大主流框架的集成。 React文档中讲到了react可以与第三方库整合,是以jQuery 和Backbone为例讲...原创 2018-07-05 18:29:45 · 2552 阅读 · 0 评论 -
React开发中需要注意的几点内容
1、 所有 React 组件都必须是纯函数,并禁止修改其自身 props 。2、 正确地使用State(状态)。state(状态) 更新可能是异步的,用setState() 代替; state(状态) 更新可能是异步的;// 错误this.setState({ counter: this.state.counter + this.props.increment,}...原创 2018-07-01 13:29:18 · 458 阅读 · 0 评论 -
React中点击空白位置弹框消失的实现汇总
前端开发中经常使用弹框展示一些信息,如下图所示,点击show弹框显示。如果要实现点击hide及弹框外空白位置弹框消失,并且在点击alert弹框消失的同时响应alert上绑定的事件,要如何实现?1、addEventListener前端js开发中实现上述功能,首选实现方法肯定是使用addEventListener绑定事件,通过不同元素绑定的事件配合实现。但是这种实现方法在Reac...原创 2018-02-25 13:03:45 · 11815 阅读 · 0 评论