学习react---小结

react的特点：

1.	声明式编码
2.	组件化编码
3.	React Native 编写原生应用
4.	高效（优秀的Diffing算法）

原因：

1.使用虚拟(virtual)DOM, 不总是直接操作页面真实DOM。
2.DOM Diffing算法, 最小化页面重绘。

react的js库：

1.	react.js：React核心库。
2.	react-dom.js：提供操作DOM的react扩展库。
3.	babel.min.js：解析JSX语法代码转为JS代码的库。

react渲染虚拟DOM:

1.JSX方式

渲染虚拟DOM:

很重要

ReactDOM.render(virtualDOM, containerDOM)

ReactDOM.render(virtualDOM, containerDOM)

react中的类组件：

		//1.创建类式组件
		class MyComponent extends React.Component {
			render(){
				//render是放在哪里的？—— MyComponent的原型对象上，供实例使用。
				//render中的this是谁？—— MyComponent的实例对象 <=> MyComponent组件实例对象。
				console.log('render中的this:',this);
				return <h2>我是用类定义的组件(适用于【复杂组件】的定义)</h2>
			}
		}
		//2.渲染组件到页面
		ReactDOM.render(<MyComponent/>,document.getElementById('test'))
		/* 
			执行了ReactDOM.render(<MyComponent/>.......之后，发生了什么？
					1.React解析组件标签，找到了MyComponent组件。
					2.发现组件是使用类定义的，随后new出来该类的实例，并通过该实例调用到原型上的render方法。
					3.将render返回的虚拟DOM转为真实DOM，随后呈现在页面中。
		*/