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
);
}
}
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对毛票票的支持。