Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script src="//fb.me/react-0.13.1.js"></script>
  <meta charset="utf-8">
  <title>React Hello World w/ JSBin</title>
</head>
<body>
  <div id="react_example"></div>
</body>
</html>
 
class HelloWorldComponent extends React.Component {
  constructor(){
    super();
    this.state = {
      grade: 123
    }
    
  }
  handleInput(e) {
      //clear checkbox
    this.setState({
      grade: null
    })
  }
 
  
  render() {
    return (      
      <div>
      <div><input type="checkbox" onChange={this.handleInput.bind(this)}/></div>
      <div><input value={this.state.grade} type="number" name="3" /></div>
      </div>
    );
  }
}
React.render(
  <HelloWorldComponent name="Joe Schmoe"/>,
  document.getElementById('react_example')
);
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers