在 React 中,可以使用 React 配套插件
propTypes 来检查型别。
npm install --save prop-types
引入 PropTypes 之後
就可以从已宣告的 component 上
直接使用 propTypes 属性
import PropTypes from 'prop-type';
class App extends React.Component{
render(){
return(){
<h1>姓名:{this.props.name}</h1>
<h1>年纪:{this.props.age}</h1>
}
}
}
App.propTypes = {
name: PropTypes.string,
age: PropTypes.number,
}
也可以在 class component 里
用 static 方式宣告
import PropTypes from 'prop-type';
class App extends React.Component{
static propTypes = {
name: PropTypes.string
}
render(){
return(){
<h1>{ this.props.name}</h1>
}
}
}
PropTypes.string
、PropTypes.number
等)isRequired
属性,用来定义是否必须提供某个 propisRequired 范例:
App.propTypes = {
email: PropTypes.string.isRequired,
password: PropTypes.string.isRequired,
age: PropTypes.number,
}
<<: [Day14] 团队系统设计 - 重塑 Planning 会议
在资料库当中NULL还蛮常出现的,那NULL到底是什麽东西呢? NULL代表没有任何资料的一种型态,...
前篇回顾 sed - 简介 读取编辑文字档的好工具 Pattern 这次聊点pattern的更多用法...
class Snake { constructor() { // 蛇头位子 this.head = ...
border-radius(框线圆角) border-top-left-radius : 左上角显示...
动态型别 前面有介绍 JavaScript 资料分成七种原始型别以及物件型别,关於型别 JavaSc...