Sample Code for writing React components in ES6, es6react
This article mainly shares with you the React component writing examples under ES6. Let's take a look at the detailed introduction below:
I. Define React Components
class Hello extends React.Component { render() { return
Ii. Declare the prop type and default prop
class Hello extends React.Component { // ...}Hello.propTypes = { value: React.PropTypes.string};Hello.defaultProps = { value: 'world'};
3. Set the initial state
class Hello extends React.Component { constructor(props) { super(props); this.state = {count: props.initialCount}; } // ...}
4. Automatic Binding
Class SayHello extends React. Component {constructor (props) {super (props); this. state = {message: 'Hello! '}; // This line is very important 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 (<button onClick = {this. handleClick}> Say hello </button> );}}
Summary
The above is all the content of this article. I hope the content of this article will help you in your study or work. If you have any questions, please leave a message, thank you for your support.