react PropTypes与 DefaultProps

参考链接 https://reactjs.org/docs/typechecking-with-proptypes.html

引入 PropTypes from ‘prop-types’

组件传值类型校验

childConponent.propTypes = {

count: PropTypes.oneOfType([PropTypes.string,PropTypes.number]) // count 可以是字符串或数字

content : PropTypes.string,

list:PropTypes.func，

test:PropTypes.string.isRequired // test 是字符串且必传

}

组件传值类型定义默认值

childConponent.defaultTypes = {

test: '大师兄' // 如果父组件没传 test 默认值为大师兄

}

react PropTypes与 DefaultProps相关推荐

使用=React.PropTypes进行类型检测
使用PropTypes进行类型检测随着你的应用的变得越来越大,你可以通过typechecking来找到更多的bug. 对于某些应用,您可以使用JavaScript扩展(如Flow或TypeScrip ...
TypeScript 3.0下react默认属性DefaultProps解决方案
TypeScript 3.0下react默认属性DefaultProps解决方案参考文章: (1)TypeScript 3.0下react默认属性DefaultProps解决方案 (2)https: ...
React PropTypes 的使用
React PropTypes 的使用参考:https://react.docschina.org/docs/typechecking-with-proptypes.html 在所使用 PropTy ...
react+propTypes
React.createClass({propTypes: {// 可以声明 prop 为指定的 JS 基本数据类型,默认情况,这些数据是可选的 optionalArray: React.PropTy ...
react prop-types的使用讲解
1.引言--JavaScript就是一个熊孩子 1.1对于JSer们来说,JS是自由的,但同时又有许多让人烦恼的地方.javascript 很多时候就是这么一个熊孩子,他很多时候并不会像Ç和java的 ...
七十七、React中的propTypes，defaultProps和生命周期函数
2020/11/19. 周四.今天又是奋斗的一天. @Author:Runsen React,相比于Vue,React更加灵活,但是对JavaScript基础的要求也更高一些.我继续学习React 文 ...
React的PropTypes和DefaultProps
文章目录 propTypes PropTypes的验证器基本的JS类型任何可以被渲染的元素 react元素某个类的实例枚举类型指定多个类型指定某个类型的数组指定类型为对象且对象的属性是特 ...
React系列知识——PropTypes与DefaultProps的应用
PropTypes 提供一系列验证器,可用于组件接收到的数据类型是有效的.当传入的 prop值类型不正确时,JavaScript 控制台将会显示警告,propTypes仅在开发模式下进行检查. Pro ...
react proptypes
prop-types 是用来约束 react 传参不加约束穿数字类型的时候会被视为 String 类型出现奇奇怪怪的东西函数约束导入 import PropType from 'prop ...

react PropTypes与 DefaultProps

react PropTypes与 DefaultProps相关推荐

最新文章

热门文章