You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
28 lines
647 B
28 lines
647 B
var TIMER_COMPONENT = `
|
|
var Timer = React.createClass({
|
|
getInitialState: function() {
|
|
return {secondsElapsed: 0};
|
|
},
|
|
tick: function() {
|
|
this.setState({secondsElapsed: this.state.secondsElapsed + 1});
|
|
},
|
|
componentDidMount: function() {
|
|
this.interval = setInterval(this.tick, 1000);
|
|
},
|
|
componentWillUnmount: function() {
|
|
clearInterval(this.interval);
|
|
},
|
|
render: function() {
|
|
return (
|
|
<div>Seconds Elapsed: {this.state.secondsElapsed}</div>
|
|
);
|
|
}
|
|
});
|
|
|
|
React.render(<Timer />, mountNode);
|
|
`;
|
|
|
|
React.render(
|
|
<ReactPlayground codeText={TIMER_COMPONENT} />,
|
|
document.getElementById('timerExample')
|
|
);
|
|
|