ReactJs初学的几个易犯错误

入门教程参照阮一峰的博文:
http://www.ruanyifeng.com/blog/2015/03/react.html

1、新建组件的时候,组件名称的第一个字母一定要大写,否则会报错。

var MyComponent=React.createClass({ this is my code });

2、组件渲染的时候,render()内部代码段别用;号。这个是写JS代码保留下来的习惯。

ReactDOM.render(
,
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是会随着用户互动而产生变化的特性。

你可能感兴趣的:(ReactJs初学的几个易犯错误)