(十)React propTypes defaultProps

–父组件给子组件传值:

  • –defaultProps: 父子组件传值中,如果父组件调用子组件的时候不给子组件传值,则可以在子组件中使用defaultProps定义的默认值
  • –propTypes: 验证父组件传值类型合法性

–上面两个属性都是定义在子组件


  • –1 defaultProps,默认属性,也就是在父组件调用子组件的时候没有传递属性值给子组件,然后
    需要显示子组件的默认值,
//具体用法,需要在子组件中

Header.defaultProps={
    title:'标题'
}
  • –2 propTypes 限定参数的类型,以及合法性
/*
    1 引入import PropTypes from 'prop-types'
    2 类.propTypes = {};
*/

import PropTypes from 'prop-types';
class Greeting extends React.Compinent{
    render(){
        return(<h1>好的</h1>);
    }
    
    Greeting.propTypes = {
        name: PropTypes.string
    }
}
发布了106 篇原创文章 · 获赞 10 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/qq_32060101/article/details/101452021