react中规范类型接口的使用

简介: react中规范类型接口的使用

安装


yarn add prop-types


使用


// 注意大小写
import PropTypes from 'prop-types'  
{name:'小红',age:13,sex:"女"}
//场景 name String类型,必传
//     age Nuber类型,默认值18
//     sex String类型,默认值男
//类型的限制
Person.propTypes={
  name:PropTypes.string.isRequired,
  sex:PropTypes.string,
  age:PropTypes.number
}
//默认值
Person.defaultProps = {
  sex:"男",
  name:18
}
//函数的表示是func
相关文章
|
2月前
react+typescript给state和props定义指定类型
react+typescript给state和props定义指定类型
16 1
|
9月前
|
前端开发 数据处理 API
react中的目录规范
react中的目录规范
65 1
|
9月前
|
前端开发 JavaScript 开发者
React格式化规范
React格式化规范
115 0
|
12月前
|
前端开发
【React工作记录四十六】react中的目录规范
【React工作记录四十六】react中的目录规范
104 0
|
前端开发 JavaScript API
TS_React:类型化EventHandler
今天我们主要是讲如何利用TS对React中的事件回调进行类型化处理。
|
JavaScript 前端开发 编译器
TS_React:Hook类型化
依赖类型推断 类型化 useState 类型化 useReducer 类型化 useRef 类型化 forwardRef 类型化 useEffect 和 useLayoutEffect 类型化 useMemo 和 useCallback 类型化 useContext 类型化自定义hook
TS_React:Hook类型化
|
Rust JavaScript 前端开发
TS_React:使用泛型来改善类型
TypeScript 是什么 {泛型| Generics} 是个啥 在React中使用泛型
137 0
|
前端开发 API
react + zarm 实现账单列表类型以及时间条件弹窗封装
react + zarm 实现账单列表类型以及时间条件弹窗封装
72 0
react + zarm 实现账单列表类型以及时间条件弹窗封装
|
JavaScript 前端开发 API
React + TypeScript 常用类型汇总(下)
本文适合对TypeScript感兴趣的小伙伴阅读~
|
JavaScript 前端开发 IDE
React + TypeScript 常用类型汇总(上)
本文适合对TypeScript感兴趣的小伙伴阅读~
React + TypeScript 常用类型汇总(上)