React----talking about Reactjs

1. Hello React Simple component building.

var helloreact = React.createclass ({

Render:function () {

Return (

<div>hello react!</div>

)

}

});

Reactdom.render (

Document.queryselector (' body ');

)

2, React life cycle (initialization, update and destruction);

1. Getdefaultprops//Create a build props
2. Getinitalstate//Instantiation status
3. Componentwillmount//before mounting
4. Componentdidmount//Mount
5. Componentwillreceiveprops//When the property is changed
6. Shouldcomponentupdate//Whether with the new
7. Componentwillupdate//Pre-update
8. Componentdidupdate//After update
9. Componentwillunmount//Before destruction

3, React data initialization, and React provides us with two ways to pass data to the component, namely props and state.

Props Delivery

var helloreact = React.createclass ({

Getdefaultprops:function () {

return {

Data: ""

}

},

Render:function () {

Return (

<div>

{This.props.data}

</div>

)

}

})

Reactdom.render (

Document.queryselector ("Body")

)

State is not passed externally

var helloreact = React.createclass ({

Getinitialstate:function () {return data: ""},

Componentdidmount:function () {this.requestdata ();},

Requestdata:function () {
$.ajax ({

URL: "Http://www.baidu.com",

Data: {},

Success:function (data) {

This.setstate ({

Data:data

})

}

}.bind (this));

},

Render:function () {

Return (

<div>

{This.state.data}

</div>

)

}

});

React.render (

Document.queryselector ("body");

)

React----talking about Reactjs