017-使用PropTypes進行型別校驗
阿新 • • 發佈:2018-12-18
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;