开发者学堂课程【React前端开发入门与实战：React 是什么】学习笔记，与课程紧密联系，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/365/detail/4353
React 是什么
内容介绍
一、最简单的 REACT 组件
二、用状态控制组件变化
课时概要：React 是近一年来在UI里最火的也是最好的库，React 是一个做 UI 的库，具体来说是做 UI 组件的库，专注于做 mvc 中的 v，它是一个更底层的工具库。
一、最简单的 REACT 组件
代码示例：
var Hello = React.createClass(i
render : function {
//获得传输的属性值
return <div>Hello ithis.props.name}</div>;
});
//作用是封装我们的片段，把他封装成一个组件，别人使用起来就非常简单，提供一个属性值就会渲染起来
React.render(<Hello name="World”/>
，document.getElementById( ' container'));
运行结果：
Hello World
二、用状态控制组件变化
可以把一个组件看作一个状态机，每一次状态对于于组件的一个 ui, 组件会自己进行更新，渲染的时候不是取我门给的属性值，而是给的状态，改变自己的状态，使用定时的执行一个函数来改变自己的状态，这样UI会自己进行渲染。
var Timer = React.createclass({
getInitialState: function() {‘
return isecondsElapsed: 0}；
}
tick : function() {
this.setState({secondsElapsed: this.state.secondsElapsed + 1});
}
componentDidMount : function() {
This.interval=setInterval(this.tick,1000)
}
componentWillUnmount:function(){
clearInterval(this.interval);
},
render: function() {
return (
<div>Seconds Elapsed: {this.state.secondsElapsed}</div>
);
}
});
React.render(<Timer />.document.getElementById(‘container’))
运行结果：
UI 会自动改变，使用 react 使用起来会简单
