入门教程参照阮一峰的博文:
http://www.ruanyifeng.com/blog/2015/03/react.html
1、新建组件的时候,组件名称的第一个字母一定要大写,否则会报错。
var MyComponent=React.createClass({ this is my code });
2、组件渲染的时候,render()内部代码段别用;
号。这个是写JS代码保留下来的习惯。
ReactDOM.render(
<MyComponent/>,
document.getElementById('demo')
);
我自己常常在上面代码块的('demo')后面跟一个;
号,然后找半天错误。
3、通过this.state获取组件属性状态的时候,总是省略this.state,直接把属性名称拿过来就用。
var Text=this.state.liked?'我喜欢':'我不喜欢';(正确)
var Text=liked?'我喜欢':'我不喜欢';(错误)
4、this.props与this.state的区别。
由于 this.props 和 this.state 都用于描述组件的特性,可能会产生混淆。一个简单的区分方法是,this.props表示那些一旦定义,就不再改变的特性,而 this.state是会随着用户互动而产生变化的特性。
网友评论