1. 程式人生 > >017-使用PropTypes進行型別校驗

017-使用PropTypes進行型別校驗

PropTypes 是React內建型別檢查功能,可以檢查元件的屬性等。
PropTypes包含了一套驗證器,以確保接收的資料是正確的有效的。
若接收的值是無效的就會在控制檯打印出警告(只在開發模式下進行檢查)。

溫馨提示:v15.5+用prop-types代替了PropTypes。

import React,{Component} from 'react';
import PropTypes from 'prop-types';
class EgComponent extends Component {
	render () {
		return (
			<div></div>
		)
	}
}
export  default EgComponent;
// 可以將其理解為:元件EgComponent新增屬性的過程。
EgComponent.propTypes = {
	userId: PropTypes.number
	// userId: PropTypes.number.isRequired // 該屬性是必要的
}

2、新增預設props

const defaultProps = {
	userId: 123456
}


EgComponent.defaultProps = defaultProps;