2017-2-28

 

关于react中使用bind:

$.ajax({
url: this.props.url,
dataType: 'json',
cache: false,
success: function(data) {
this.setState({data: data});
}.bind(this),
error: function(xhr, status, err) {
console.error(this.props.url, status, err.toString());
}.bind(this)
});

bind将函数与这个组件component进行绑定以确保在这个处理函数中使用this时可以时刻指向这一组件

 这个到底在哪里必须用????????????

http://reactjs.cn/react/docs/tutorial-zh-CN.html

componentDidMount: function() { this.loadCommentsFromServer(); setInterval(this.loadCommentsFromServer, this.props.pollInterval); },就没有用

而这个http://www.runoob.com/react/react-component-life-cycle.html

setInterval()异步操作却加了setInterval(function(){}.bind(this),1000)

 

react官网的demo

npm install
node server.js

 {value}=={this.state.value},他之所以这么写是因为他var value = this.state.value;所以才能这么写!!!

子组件可以给父组件传参:this.props.xxx(param)

 

react划分组件

一种这样的技术是单一功能原则(single responsibility principle),也就是一个组件在理想情况下只做一件事情。如果它最终增长了,它就应该被分解为更小的组件。

 

两次调用setState()方法;组件渲染几次;??????????

posted @ 2017-02-28 14:31  土豆zhang  阅读(104)  评论(0)    收藏  举报