add 规范

This commit is contained in:
Boyuzhou 2016-10-14 15:38:12 +08:00
parent feb59360d4
commit 4d2a123dcd
2 changed files with 7 additions and 5 deletions

View File

@ -59,7 +59,7 @@ describe('Enzyme Mount', function () {
});
});
```
`at`返回指定位置的子组件,`simulate`在组件上触发某种行为
`at`返回指定位置的子组件,`simulate`在组件上触发某种行为,第一个参数为事件,第二个参数为传入的参数
#### Enzyme API
- .get(index)返回指定位置的子组件的DOM节点

View File

@ -8,7 +8,7 @@
- 每一个组件使用一个单独的测试用例文件
## js规范
- 使用es6开发
- 使用es6开发尽量使用常用的ES6语法(ES6语法参考)[http://es6.ruanyifeng.com/]
- 使用jsx语法
- 组件命名使用大驼峰, ComponentDemo
- 带命名空间的组件如果一个组件包含只有自身使用的子组件以该组件为命名空间编写组件例如TableTable.Head
@ -16,6 +16,7 @@
- 自定义属性使用data-
- 使用propTypes进行props类型校验
- 使用defaultProps定义默认参数
- 定义props避开react关键字及保留字常用的props及state定义可参考下表
- 尽量少或者不使用ref获取和操作dom节点使用state和prop进行控制dom
- 事件调用使用在元素上onClick调用
- 注意react和html的表单元素的差异
@ -55,7 +56,7 @@ import classnames from 'classnames';
//定义prop检验
const propTypes = {
//每一个props都要写注释
}
//定义默认参数
@ -69,10 +70,11 @@ class Button extends React.Component {
super(props);
//定义state
this.state = {
//每一个state要写注释
}
}
//自定义内容
//自定义函数方法,及注释
//组件生命周期方法
render () {
return (