zoukankan      html  css  js  c++  java
  • React单项数据流--PropTypes校验传递值

    单项数据流:父组件传过去的值,子组件只可以使用不能修改,子组件想修改的话,必须通过触发父组件的方法去修改。

    PropTypes检验是为了以后更好的维护业务逻辑,项目越来越大时,不会导致业务逻辑混乱

    PropTypes校验传递值使用方法:

    (1)在接收值的子组件中引入

    import PropTypes from 'prop-types'
     
    (2)然后在组件的下方进行引用了,需要注意的是子组件的最下面(不是类里边)
     
    例如:子组件Item,从父组件中接收的数据有:content(string),index(number),deleteItem(function),name(必传的string)则校验代码为:
    Item.propTypes={
        content: PropTypes.string,
        index: PropTypes.number,
        deleteItem: PropTypes.func,
        name: PropTypes.string.isRequired
    }
    Item.defaultProps={
        name:'项目标题'
    }
  • 相关阅读:
    喷水装置(一)
    下沙小面的(2)
    +-字符串
    非洲小孩
    寻找最大数(三)
    C
    寻找最大数
    阶乘之和
    背包问题
    python的内存管理机制(zz)
  • 原文地址:https://www.cnblogs.com/linjiu0505/p/11888057.html
Copyright © 2011-2022 走看看