ReactJs初学的几个易犯错误

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 现在最热门的前端框架,毫无疑问是 React 。上周,基于 React 的 React Native 发布,结果一...
    sakura_L阅读 440评论 0 0
  • 原教程内容详见精益 React 学习指南,这只是我在学习过程中的一些阅读笔记,个人觉得该教程讲解深入浅出,比目前大...
    leonaxiong阅读 2,860评论 1 18
  • It's a common pattern in React to wrap a component in an ...
    jplyue阅读 3,301评论 0 2
  • 使用 create-react-app 快速构建 React 开发环境 项目的目录结构如下: React JSX ...
    majun00阅读 521评论 0 0
  • 感恩一早起来的腰酸背痛,提醒我今天还要继续加班。感恩劳累提醒我还活着,比起那些在天灾人祸中逝去生命的人我...
    娜些事阅读 431评论 0 0