JSFiddle - React, Tailwind, and code Playground

HTML

<button id='addrow'>Add row</button>
<table id='table'>
    <tbody>
    <tr>
        <td>row</td>
    </tr>
    </tbody>
</table>

React

$('#addrow').on('click', function(){
	renderNewRow('table');
});

var newRow = React.createClass({
    render:function () {
        return (
            React.createElement("tr" , null,
                React.createElement("td", {} ,
                    React.createElement("input" , {type : 'text' , 'required':'required'})
                ),
                React.createElement("td" , {} ,
                    React.createElement("textarea" , {'required':'required'})
                )
            )
        )

    }

});

var renderNewRow = function (elementID ) {
    document.getElementsById(elementID).innerHTML = "";
    React.render(
      React.createElement(newRow),
        document.getElementsById(elementID)

  );

};