Accepted answer

React component must have only one root node., as you are using TableforbasictaskList inside table you need wrap commentNodes in <tbody>., also inside Tableforbasictask move TableforbasictaskForm from table

var TableforbasictaskList = React.createClass({
  render: function() {
    // .....
    return (<tbody>{commentNodes}</tbody>);

var Tableforbasictask = React.createClass({
  render: function() {
    return <div className="downloadlinks">
        className="table table-bordered table-striped-col nomargin"
          <tr align="center">
            <td>Task  Name</td>
            <td>Standard Discription of Task</td>
            <td>Employee Comment</td>
            <td>Employee rating</td>
        <TableforbasictaskList data={} /> 
      <TableforbasictaskForm />



render should return single root element

return (<div>

Update. More valid option using tbody as a wrapper

return (<tbody>

Related Query

More Query from same tag