定义一个React组件时,组件本身就带有一些特殊的属性和方法,这是一个完整的React的组件,他的这些方法名不应被自定义方法或属性占用,且这些方法本身就会在某些特定的情况下自动执行
示例
Class Example extends Component {
constructor(props) {
super(props);//继承父级的this及props,如果constructor中没有用到props可不填参数默认继承只this,建议填写
this.state = { //初始数据
number: 0,
bool: true,
data: this.props
}
componentWillMount() {
console.log('组件将要挂载时执行此函数');//多用于服务端渲染
}
componentDidMount() {
console.log('组件挂载时执行此函数');//第一次渲染完成,dom已生成
}
componentWillUnmount() {
console.log('组件将要卸载时执行此函数');
}
render() {
return (
<div>这是组件的html模板</div>
);
}
}
网友评论