Alright_Well的博客

/'/state 和 props 主要的区别在于 props 是不可变的，而 state 可以根据与用户交互来改变。这就是为什么有些容器组件需要定义 state 来更新和修改数据。 而子组件只能通过 props 来传递数据。 //可以在父组件中设置 state， 并通过在子组件上使用 props 将其传递到子组件上。在 render 函数中, 我们设置 name 和 site 来获取父组

//通过 getDefaultProps() 方法为 props 设置默认值     var HelloMessage = React.createClass({           getDefaultProps: function() {           return {           name: 'world'         };        },       r

//React State(状态) //getInitialState 方法用于定义初始状态，也就是一个对象，这个对象可以通过 this.state 属性读取。当用户点击组件，导致状态变化，this.setState 方法就修改状态值，每次修改以后，自动调用 this.render 方法，再次渲染组件。 var LikeButton = React.createClass({      

//           var HelloMessage = React.createClass({    //React.createClass 方法用于生成一个组件类 HelloMessage。自定义的 React 类名以大写字母开头       render:function(){         return (hello {this.props.name});

Hello React!                      //注意type的类型       var a = 2;       var sty1 = {           //可设置样式         color:'pink'       }       var arr =[             arr1,   //数组        

// React 组件 API。以下7个方法: 设置状态：setState 替换状态：replaceState 设置属性：setProps 替换属性：replaceProps 强制更新：forceUpdate 获取DOM节点：findDOMNode 判断组件挂载状态：isMounted （返回值：true或false，表示组件是否已挂载到DOM中） //setState

//Hello 组件加载以后，通过 componentDidMount 方法设置一个定时器，每隔100毫秒重新设置组件的透明度，并重新渲染：  //componentDidMount:在第一次渲染后调用，只在客户端。之后组件已经生成了对应的DOM结构，可以通过this.getDOMNode()来进行访问.                                可以在这个方法中调用

生命周期

//React 组件的数据可以通过 componentDidMount 方法中的 Ajax 来获取，当从服务端获取数据库可以将数据存储在 state 中，再用 this.setState 方法重新渲染 UI。 当使用异步加载数据时，在组件卸载前使用 componentWillUnmount 来取消未完成的请求。 var UserGist = React.createClass({  

//propTypes验证 var title = "hello"; var MyTitle = React.createClass({ propTypes: { title: React.PropTypes.string.isRequired, }, render: function() { return h1> {this.props