19 lines
500 B
JavaScript
19 lines
500 B
JavaScript
|
import React,{Component} from 'react';
|
||
|
|
import prop from 'prop-types';
|
||
|
|
class HeaderComponent extends Component{
|
||
|
|
render(){
|
||
|
|
return(
|
||
|
|
<div id="header" style={this.props.isShow ? {display:'block'}:{display:'none'}}>{this.props.title}</div>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
//prop设置属性
|
||
|
|
HeaderComponent.propTypes={
|
||
|
|
title:prop.string.isRequired,
|
||
|
|
isShow:prop.bool.isRequired
|
||
|
|
}
|
||
|
|
//prop设置默认值
|
||
|
|
HeaderComponent.defaultProps={
|
||
|
|
title:'默认值'
|
||
|
|
}
|
||
|
|
export default HeaderComponent;
|