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/babel-core/5.8.24/browser.js"></script>
<script src="https://fb.me/react-with-addons-15.0.1.js"></script>
<script src="https://fb.me/react-dom-15.0.1.js"></script>
<script src="https://facebook.github.io/react/js/jsfiddle-integration-babel.js"></script>

<div id="content">
    <!-- This element's contents will be replaced with your component. -->
</div>

Babel + JSX

var data = [
  {id: 1, taskName: "Pete Hunt", standarDescription: "This is one comment", emplComment: "meaaow I am meeawo", empRating : "1"},
  {id: 2, taskName: "Pete Hunt", standarDescription: "This is one comment", emplComment: "meaaow I am meeawo", empRating : "1"},
  {id: 3, taskName: "Pete Hunt", standarDescription: "This is one comment", emplComment: "meaaow I am meeawo", empRating : "1"},
  {id: 4, taskName: "Pete Hunt", standarDescription: "This is one comment", emplComment: "meaaow I am meeawo", empRating : "1"},
  {id: 5, taskName: "Pete Hunt", standarDescription: "This is one comment", emplComment: "meaaow I am meeawo", empRating : "1"}
];

                           

                          var TableforbasictaskForm = React.createClass({
                                render: function() {
                                  return (
                                    <div className="commentForm">
                                      Hello, world! I am a CommentForm.
                                    </div>
                                  );
                                }
                              });

                          var Addcontenttotable = React.createClass({
                            render: function() {
                              return (
                                <tr><td>{this.props.taskName}</td>
                                    <td>{this.props.standarDescription}</td>
                                    <td>{this.props.emplComment}</td>
                                    <td>{this.props.empRating}</td>
                                </tr>
                              );
                            }
                          });

                          var TableforbasictaskList = React.createClass({
                            render: function() {
                              var commentNodes = this.props.data.map(function(comment) {
                                return (
                         ...