react 属性做强校验

2019-04-29  本文已影响0人  风雪之隅_b6f7

原文链接 https://github.com/facebook/prop-types

1. npm install --save prop-types 

2.import PropTypes from 'prop-types' ;

3.找到组建名(如TodoItem)

4.对组建的属性做强校验

TodoItem.propTypes={

content:PropTypes.string.isRequired

//对TodoItem组建下接收的content 属性做字符串校验且必须传

index:PropTypes.number

deleteItem:PropTypes.func

//传来的类型是方法

}

解决未传值带来的错误可以设置默认值

TodoItem.defaultProps={content:'hello world'}

上一篇 下一篇

猜你喜欢

热点阅读