Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<script src="//cdn.bootcss.com/react/15.2.1/react-with-addons.min.js"></script>
  <script src="//cdn.bootcss.com/react/15.2.1/react-dom.min.js"></script>
<meta name="description" content="React & Immutable js">
​
  <meta charset="utf-8">
  <title>React and Immutable js</title>
</head>
<body>
  </body>
</html>
 
var times = 0
var Component = React.createClass({
    
    getInitialState() {
        return {
          name: 'gitbook'
        }
    },
    handleClick() {
      this.setState({
        name: 'gitbook'
      })
    },
    render() {
        times++
​
        return (
            <div>
                <h2>
                    Render Times: {times}
                </h2>
                <h3>
                  name is {this.state.name}
                </h3>
                <button onClick={this.handleClick}>button</button>
            </div>
        );
    }
​
});
​
ReactDOM.render(<Component />, document.body);
​
Output 300px

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

Dismiss x
public
Bin info
dYbpro
0viewers