|
Answer» import React from 'react';
import ReactDOM from 'react-dom';
var StepCounter = React.createClass({
getInitialState: function() { return {COUNTER: this.props.initialCounter }; },
handleClick: function() {
this.setState({counter: this.state.counter + 1}); },
render: function() {
return <div ONCLICK={this.handleClick}> OnClick EVENT, Click Here: {this.state.counter }</div>;
}
});
ReactDOM.render(< StepCounter initialCounter={7}/>, document.getElementById('content')); import React from 'react';
import ReactDOM from 'react-dom';
var StepCounter = React.createClass({
getInitialState: function() { return {counter: this.props.initialCounter }; },
handleClick: function() {
this.setState({counter: this.state.counter + 1}); },
render: function() {
return <div onClick={this.handleClick}> OnClick Event, Click Here: {this.state.counter }</div>;
}
});
ReactDOM.render(< StepCounter initialCounter={7}/>, document.getElementById('content'));
|
