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="container">
    <!-- This element's contents will be replaced with your component. -->
</div>

JavaScript 1.7

var dataW = [
   {
       taskname: 'WWW',
       standarDescription: 'WWW',
       emplComment: 'WW',
       empRating: '',
       review_comment: '',
       review_rating:'',
   }
]

var Tablefortask = React.createClass({

                            getInitialState: function() {
                                      return {data: dataW};

                              },
                              onChange: function (e) {

                                  var employeeId = e.target.value;
                                  alert(employeeId);

                                },

                              render: function() {

                                return (
                                 <div className="border-basic-task col-md-12">
                                 <div className="col-md-12">
                                  <table className="table table-condensed table-bordered table-striped-col " id="table-data">
                                  <thead>
                                    <tr align="center">
                                        <th>Task  Name</th>
                                        <th >Standard Discription of Task</th>
                                        <th>Employee Comment</th>
                                        <th >Employee Rating</th>
                                        <th width="30%">Reviewer Comment</th>
                                        <th >Reviewer Rating</th>
                                    </tr>
                                    </thead>
                                    <TablefortaskList data={this.state.data} onChange={this.onChange} />
                                  </table>
                                  </div>
                                  </div>
                                );
                              }
                            });

var TablefortaskList = React.createClass({
                            render: function() {
                          ...