码迷,mamicode.com
首页 > 其他好文 > 详细

React单项数据流--PropTypes校验传递值

时间:2019-11-19 12:21:19      阅读:62      评论:0      收藏:0      [点我收藏+]

标签:引入   方法   red   class   需要   font   fun   ring   div   

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

 

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:‘项目标题‘
}

 

 

React单项数据流--PropTypes校验传递值

标签:引入   方法   red   class   需要   font   fun   ring   div   

原文地址:https://www.cnblogs.com/linjiu0505/p/11888057.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!