Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
  <script src="https://fb.me/react-0.13.3.js"></script>
</head>
<body>
</body>
</html>
 
var NumberSelector = React.createClass({
  getInitialState () {
    return { number: 0 };
  },
  
  handleIncrementClick () {
    this.setState({number: this.state.number + 1})
  },
  
  handleDecrementClick () {
    this.setState({number: this.state.number - 1}) 
  },
  
  render () {
    return <div style={{width: 70, textAlign: "center"}}>
      <h2>{this.state.number}</h2>
      <button onClick={this.handleDecrementClick}>-</button>
      <button onClick={this.handleIncrementClick}>+</button>
    </div>;
  }
});
React.render(<NumberSelector />, document.body);
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
chantasticpro
0viewers