React.js
文章平均质量分 63
kongjunchao159
这个作者很懒,什么都没留下…
展开
-
React.js基础
使用React渲染页面 //JSX语法和JS不兼容,凡是使用JSX的地方,都要加上type="text/babel" //ReactDOM.render方法用于将模板转为HTML语言,并指定插入的DOM节点 ReactDOM.render( Hello,World!, document.getElementById('example') );JSX语原创 2016-02-18 16:39:11 · 877 阅读 · 0 评论 -
React.js组件的生命周期
组件的生命周期分为三个状态:1、Mounting 已插入真实DOM2、Updating 正在被重新渲染3、Unmounting 已移除真实DOMReact为每个状态都提供了两种处理函数,will函数在进入状态之前调用,did函数在进入状态之后调用,三种状态共计5种处理函数componentWillMount()componentDidMount()compon原创 2016-02-19 15:22:00 · 775 阅读 · 0 评论 -
React项目中的一些问题
React项目报错:Warning: Each child in an array or iterator should have a unique "key" prop.原因:性能问题,这个是和React的dom-diff算法相关的,react对dom做遍历的时候,会根据data-reactid生成虚拟dom树,如果没有手动的添加key值的话,react是无法记录你的dom操作的原创 2016-10-25 10:26:36 · 10190 阅读 · 0 评论 -
React报错Warning:setState(...):Can only update a mounted or mounting component...
React项目中报错:实际在调试过程中发现,仅当在页面间快速切换的时候会出现该警告,原因是组件中的setState方法(也有一些setTimeout情况下)是异步执行的,当你在快速切换组件的时候,组件虽然已经被卸载,但是该方法还在异步调用,所以报错解决方案:组件将要被卸载的时候,会触发React中的componentWillUnmount方法,该方法是React生命周期的一部分原创 2017-03-23 11:57:35 · 6871 阅读 · 0 评论 -
React项目中Fetch无法向后端传递参数
问题:React项目中使用fetch向后端传递数据,POST请求时,发现把参数装进一个对象传递,后端并不能获取到数据,拼接成字符串加在URL中传递也不行(当然,GET请求可以)解决:使用FormData传递参数let formData = new FormData();formData.append('name', 'kong');formData.append('age', '1原创 2017-03-22 13:57:11 · 15442 阅读 · 0 评论 -
React组件之间的传值
父组件向子组件传值?传参,props接收子组件向父组件传值?回调函数这里重点说一下无关系组件之间的交互React中没有任何嵌套关系的组件之间如何传值?方案一:全局广播的方式,即Publish/Subscribe,需要引入PubSubJS库链接:https://github.com/mroderick/PubSubJS例子://主容器var Main = React.c原创 2017-05-25 14:38:18 · 5040 阅读 · 1 评论 -
React生命周期过程说明
React生命周期过程说明初始化:(getDefaultProps) -- 只调用一次,可以设置默认的propsgetInitialState -- 初始化state,此时可以访问this.propscomponentWillMount -- 仅执行一次rendercomponentDidMount -- 仅执行一次组件存在后,状态改变接收到原创 2017-05-22 14:57:59 · 631 阅读 · 0 评论 -
多个setState方法的调用原理
React中通过使用setState来更新组件的状态,触发rendersetState被调用时发生了什么?React首先将你传递给setState函数的对象合并到当前状态中,然后创建一个React元素树,对比新旧树的差别,并根据你传递给setState函数对象的不同,计算出相应的变化部分,最终完成DOM更新因为包含了大量的工作,调用setState可能并不会立即更新你的state,为异原创 2017-05-22 15:44:08 · 4106 阅读 · 0 评论