React Base Fiddle (JSX)

Starting point for creating JSFiddles with React. This uses React with Addons.

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.1/JSXTransformer.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.1/react-with-addons.js"></script>
<script src="https://facebook.github.io/react/js/jsfiddle-integration.js"></script>

<div id="apps"></div>

JavaScript 1.7

var Awesome = React.createClass({
  getInitialState:function() {
    return {
      txt : ["1","2","3","4","5"],
      isTrue : true
    }
  },

  handleClick:function() {
    this.setState({
      isTrue : !this.state.isTrue
    })
  },

  render:function() {
    var changeStyle = {
      display: this.state.isTrue ? "block" : "none"
    };

    var message = this.state.txt.map(function(oneMessage) {
      return  <SubChild change={changeStyle} txt={oneMessage}/>
    });
    
    return (
      <div>
        <button onClick={this.handleClick} >Click Me</button>
        {message}
      </div>
      )
  }
})

var SubChild = React.createClass({
  render:function() {
    return (
      <div style={this.props.change}>
        <h3>{this.props.txt}</h3>
      </div>
      )
  }
})

React.render(<Awesome />, document.body)