博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
React 根据官方总结的规范
阅读量:6447 次
发布时间:2019-06-23

本文共 747 字,大约阅读时间需要 2 分钟。

1、语法上,根据生命周期方法执行的顺序编写代码

 (1 生命周期方法[getDefaultPropsgetInitialStatecomponentWillMountcomponentDidMount,componentWillReceivePropsshouldComponentUpdatecomponentWillUpdatecomponentDidUpdate,componentWillUnmount]

 具体的生命周期详解见:http://www.cnblogs.com/daomul/p/4856101.html

 (2 其他的私有方法

 (3 render()方法

2、事件处理函数的命名: “handle+EventName”

3、组件验证

react 组件 都应该完成 propTypes 验证。每一个 this.props 的属性都应该有一个与之对应的propTypes

避免使用这些没有描述意义的 prop-types:

  • React.PropTypes.any
  • React.PropTypes.array
  • React.PropTypes.object

最好使用:

  • React.PropTypes.arrayOf
  • React.PropTypes.objectOf
  • React.PropTypes.instanceOf
  • React.PropTypes.shape

4、能用 props 就不要用 state,这一定程度上可以减少应用程序的复杂度

5、尽量少用jQuery去操作DOM(有必要的话,把jquery插件包装在React组件中)

6、尽量不用例如backbone的模型,可以直接使用 flux action,或者 $.ajax 来代替。

你可能感兴趣的文章
[转]Easy Stored Procedure Output Oracle Select
查看>>
字符串的最长公共子序列问题
查看>>
Debug和Release区别
查看>>
php应该在何时调用mysql_close() ,可能和中断请求有关
查看>>
dedecms 文章列表和频道列表同时调用
查看>>
有栖川有栖《马来铁道之谜》读后感
查看>>
ASP.Net生成静态HTML页
查看>>
[leetcode]Length of Last Word
查看>>
POJ 1325、ZOJ 1364、HDU 1150 Machine Schedule - from lanshui_Yang
查看>>
布里斯班两周感受
查看>>
图形学基础 关于光照的科普知识
查看>>
Oracle定义varchar2()类型存储汉字的长度问题
查看>>
论Visual Studio和.NET Framework
查看>>
android 应用层性能优化方案
查看>>
appstore 上传需要的icon
查看>>
Qt_chartdirector图形开发
查看>>
【Android】ScaleAnimation 详解
查看>>
面向对象的几个概念
查看>>
这些英文千万别不懂装懂
查看>>
EasyUI - DataGrid 去右边空白滚动条列
查看>>