阮一峰 react

this.props 和 this.state 都用于描述组件的特性。

this.props 表示那些一旦定义，就不再改变的特性，而 this.state 是会随着用户互动而产生变化的特性。

getInitialState 方法：定义初始状态，是一个对象，这个对象可以通过 this.state 属性读取。

this.setState 方法：修改状态值，每次修改以后自动调用 this.render 方法，再次渲染组件。

事件的回调函数中，通过 event.target 获取事件触发的节点。适用于表单input、textarea、select、radio元素（event.target.value）

组件的style属性的设置方式：

style={{opacity: this.state.opacity}}

因为React组件样式是一个对象，所以第一重大括号表示 JavaScript 语法，第二重大括号表示样式对象。

 Ajax 请求：可以使用 （生命周期）componentDidMount 方法设置 Ajax 请求，请求成功后，再用 this.setState 方法重新渲染 UI。

还可以把一个Promise对象（异步操作）作为属性传入组件；Promise状态变化后，用this.props.promise.then 方法执行回调，处理结果。