1.属性props 使用let {‘属性名’} = this.props 接收属性 可接收多个
2.属性验证 Navbar.protoTypes = {验证代码} 可以写在对象内部,需要加static关键字
import React, { PureComponent } from 'react'
import proptypes from 'prop-types'
export default class Navbar extends PureComponent {
static protoTypes = {//可以将类属性写在内部,加上static关键字
title:proptypes.string,
leftshow:proptypes.bool
}
static defaultProps = {//通过defaultProps属性设置默认值
leftshow:true
}
state={
//只能内部自己用的,外面无法改变。
}
//属性是父组件传来的,this.props
render() {
let {title,leftshow,rightshow} = this.props;
//接受属性 做验证
return (
<div>
{leftshow && <button>返回</button>}
navbar-{title}
{rightshow && <button>home</button>}
</div>
)
}
}
//类属性
Navbar.protoTypes