关于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()方法;组件渲染几次;??????????