ES6下React组件的写法示例代码
本文主要跟大家分享了ES6下React组件的写法示例，下面来一起看看详细的介绍：
一：定义React组件
classHelloextendsReact.Component{
render(){
returnHello,{this.props.value}
;
}
}
二：声明prop类型与默认prop
classHelloextendsReact.Component{
//...
}
Hello.propTypes={
value:React.PropTypes.string
};
Hello.defaultProps={
value:'world'
};
三、设置初始state
classHelloextendsReact.Component{
constructor(props){
super(props);
this.state={count:props.initialCount};
}
//...
}
四、自动绑定
classSayHelloextendsReact.Component{
constructor(props){
super(props);
this.state={message:'Hello!'};
//这行很重要
this.handleClick=this.handleClick.bind(this);
}
handleClick(){
alert(this.state.message);
}
render(){
//Because`this.handleClick`isbound,wecanuseitasaneventhandler.
return(
Sayhello
);
}
}
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对毛票票的支持。
热门推荐
10 八一幼儿祝福语大全简短
11 公司乔迁食堂祝福语简短
12 婚礼结束聚餐祝福语简短
13 儿媳买车妈妈祝福语简短
14 毕业送礼老师祝福语简短
15 同事辞职正常祝福语简短
16 恭贺新婚文案祝福语简短
17 金店立秋祝福语简短英文
18 婆婆高寿祝福语大全简短