美文网首页
ReactJs初学的几个易犯错误

ReactJs初学的几个易犯错误

作者: 爱佛僧_Aifoosen | 来源:发表于2016-08-24 10:00 被阅读468次

    入门教程参照阮一峰的博文:
    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是会随着用户互动而产生变化的特性。

    相关文章

      网友评论

          本文标题:ReactJs初学的几个易犯错误

          本文链接:https://www.haomeiwen.com/subject/xvnnsttx.html