React Base Fiddle (JSX)

React Base Fiddle (JSX)

by 郭 凡

HTML

<script src="https://fb.me/react-0.14.7.js"></script>
<script src="https://fb.me/react-dom-0.14.7.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
<div id="wrapper"></div>
<script type="text/babel">
     const ComponentA = React.createClass({
     		getInitialState : function() {
        	return {
          	list : [
        {
          id : 'dingding',
          name : '丁丁',
        },
        {
          id : 'bianbian',
          name : '边边',
        },
        {
          id : 'hanhan',
          name : '涵涵',
        },
      ]
  }
          },
        render : function() {
          return(
            <div>
            	{
              	this.state.list.map(function(item, index){
                		return <p key={index}>{item.name}</p>
                })
              }
            </div>
          )
        }
		});
		ReactDOM.render(<ComponentA/>,document.getElementById("wrapper"));
</script>