ES6下React组件的写法示例代码

ES6下React组件的写法示例代码

本文主要跟大家分享了ES6下React组件的写法示例，下面来一起看看详细的介绍：

一：定义React组件

class Hello extends React.Component {

render() {

return

}

}

二：声明prop类型与默认prop

class Hello extends React.Component {

// ...

}

Hello.propTypes = {

value: React.PropTypes.string

};

Hello.defaultProps = {

value: 'worldhttp://'

};

三、设置初始state

class Hello extends React.Component {

constructor(props) {

super(props);

this.state = {chttp://ount: props.initialCount};

}

// ...

}

四、自动绑定

class SayHello extends React.Component {

constructor(props) {

super(props);

this.state = {message: 'Hello!'};

// 这行很重要

http:// this.handleClick = this.handleClick.bind(this);

}

handleClick() {

alert(this.state.message);

}

render() {

// Because `this.handleClick` is bound, we can use it as an event handler.

return (

Say hello

);

}

}

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对我们的支持。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。