美文网首页
react、reactNative组件开发规范

react、reactNative组件开发规范

作者: 麦曦 | 来源:发表于2019-10-29 11:31 被阅读0次

因页面由多个人负责开发。现约定统一开发格式和入参规范。促进我们后期组合快速的无缝对接。

1.props中获取的入参null、undefined、0 组件进行逻辑处理

2.开发完后自测,在页面中模拟引入测试

3.目录下添加 readme.md

name: wangailin

##组件描述
标题组件

##使用

    import Title from '../../components/index';
    <Title title={title} onchange={this.onchange} /> 
    
 ## 参数说明
 
     title 标题 *必填
     onchange 点击事件,xx按钮点击时的回调  *必填   
 
 ##其它注意事项
 
 给小伙伴们的tips

4.在组件底部添加props参数设置,约定组件参数传递

在组件index.js最后添加以下内容:
//mock默认父组件参数
1.可方便开发时调试
2.组合时父组件根据当前参数确定入参
3.必传字段可在readme注明
4.字段名称对应接口名称设置字段名

Title.defaultProps={
    title: '标题'
}

//参数类型设置,参数有类型要求可设置  非必填
Title.propTypes={
    title: PropTypes.string
}

相关文章

  • react、reactNative组件开发规范

    因页面由多个人负责开发。现约定统一开发格式和入参规范。促进我们后期组合快速的无缝对接。 1.props中获取的入参...

  • React Native 表格组件

    本文原创首发于公众号:ReactNative开发圈,转载需注明出处。 React Native 表格组件:reac...

  • React Native悬浮按钮组件

    本文原创首发于公众号:ReactNative开发圈,转载需注明出处。 React Native悬浮按钮组件:rea...

  • React Native 文档查看组件

    本文原创首发于公众号:ReactNative开发圈,转载需注明出处。 React Native 文档查看组件:re...

  • React Native 弹出框组件

    本文原创首发于公众号:ReactNative开发圈,转载需注明出处。 React Native 弹出框组件:rea...

  • React Native 截屏组件

    本文原创首发于公众号:ReactNative开发圈,转载需注明出处。 React Native 截屏组件:reac...

  • React Native日期时间选择组件

    本文原创首发于公众号:ReactNative开发圈,转载需注明出处。 React Native日期时间选择组件:r...

  • React Native图片选择裁剪组件

    本文原创首发于公众号:ReactNative开发圈,转载需注明出处。 React Native图片选择裁剪组件:r...

  • 关于混编

    常用reactnative 组件 react-native-swiper 图片轮播器 react-native-m...

  • React Native 圆形进度条组件

    本文原创首发于公众号:ReactNative开发圈,转载需注明出处。 React Native 圆形进度条组件:r...

网友评论

      本文标题:react、reactNative组件开发规范

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