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
相关文章
|
1月前
|
前端开发 JavaScript 安全
TypeScript在React Hooks中的应用:提升React开发的类型安全与可维护性
【7月更文挑战第17天】TypeScript在React Hooks中的应用极大地提升了React应用的类型安全性和可维护性。通过为状态、依赖项和自定义Hooks指定明确的类型,开发者可以编写更加健壮、易于理解和维护的代码。随着React和TypeScript的不断发展,结合两者的优势将成为构建现代Web应用的标准做法。
|
2月前
|
存储 缓存 前端开发
react怎么只让接口请求一次
react怎么只让接口请求一次
47 0
|
3月前
|
缓存 前端开发 JavaScript
React适合开发什么类型的应用?
【5月更文挑战第27天】React适合开发什么类型的应用?
54 3
|
9月前
|
前端开发
使用concurrently模块-同时启动react项目和mock模拟接口
使用concurrently模块-同时启动react项目和mock模拟接口
61 0
|
3月前
react+typescript给state和props定义指定类型
react+typescript给state和props定义指定类型
58 1
|
11月前
|
缓存 前端开发 JavaScript
React-Query:解锁你的应用程序潜力,轻松解决接口请求难题!
许多状态管理库,比如`redux`,可以很流畅的管理页面的状态,也有处理副作用的能力,但往往不能很好的处理服务端的状态。
92 1
React-Query:解锁你的应用程序潜力,轻松解决接口请求难题!
|
9月前
|
前端开发
React通过jsonp来请求接口获取数据渲染数据
React通过jsonp来请求接口获取数据渲染数据
100 0
|
前端开发 数据处理 API
react中的目录规范
react中的目录规范
83 1
|
11月前
|
前端开发
react +Antd Cascader级联选择使用接口数据渲染
react +Antd Cascader级联选择使用接口数据渲染
122 0
|
前端开发 JavaScript 开发者
React格式化规范
React格式化规范
159 0