react学习笔记一

react的基础在做项目之前是看过一遍的，不过那会儿作为刚入门菜鸟，里面讲了好些知识点根本没听过，也就是听的云里雾里。今天有看了一下，做个笔记记下来供以后回顾和思考吧！一、首先：React是facebook的内部开源框架。官网：facebook.github.com。二、React优点：    1、轻，虚拟DOM，数据单向绑定--渲染响应快。    2、组件化开发：可复用，组合使用--高度可重用    3、应用场景：复杂场景下的高性能、重用组件 三、JSX语法，是指javascript和xml。是一个语法糖。

var Hello=React.createClass({    render:function(){        return <div>Hello {this.props.name}</div>;    }});React.render(<Hello name="world"/>);document.getElementById('container');

四、样式指定有两种方式：className或者行内样式style={{fontSize:'14px'}}五、组件生命周期LifeStyle：    Mounted、Update、Unmounted    ![该图阐述了组件的生命周期的三个状态的hook函数](http://img.blog.csdn.net/20171110202511552?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMzM1NDcwNDM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast) 六、传统页面更新方式：     直接修改DOM节点，绑定事件来绑定处理     react的处理方式：     state和props的改变使得重新render 七、缺点：无法直接操作DOM