Skip to content

Instantly share code, notes, and snippets.

@teerasej

teerasej/react-counter.html

Created April 16, 2020 07:58
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save teerasej/35cdb5b87d3abf7b4065f2ee77c5d517 to your computer and use it in GitHub Desktop.
Save teerasej/35cdb5b87d3abf7b4065f2ee77c5d517 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
react-counter.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https:/unpkg.com/react@16.7.0/umd/react.development.js"></script>
<script src="https:/unpkg.com/react-dom@16.7.0/umd/react-dom.development.js"></script>
<script src="https:/unpkg.com/@babel/standalone/babel.min.js"></script>
<title>Nextflow React Playground</title>
</head>
<body>
<div id="root"></div>
<script type="text/babel">
class App extends React.Component {
state = {
counter: 0
}
increase = () => {
}
render() {
return (
<div>
<h1>{this.state.counter}</h1>
<button onClick={this.increase}>บวก</button>
</div>
);
}
}
ReactDOM.render(
<App></App>,
document.getElementById('root')
);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment