JSFiddle - React, Tailwind, and code Playground

HTML

<form action="process.php" id="usersForm">
    <div id="userRows">
        <a href="javascript:;" id="addRow">Add Row</a><br />
    </div>
    <input type="submit" id="submit" value="Submit" />
</form>

JavaScript

$(function(){
    var rows = 0;
    
    $('#addRow').click(function(){
        $('#userRows').append('<div class="userRow"><input type="text" name="users['+rows+'][name]" value="" /><a href="javascript:;" class="removeRow">Remove</a> name="users['+rows+'][name]"<div>');
        rows++;
    });
    
    $(document).on('click', '.removeRow', function(){
        $(this).closest('.userRow').remove();
    });
    
    // Below just used to show the string on submit
    $('#submit').click(function(e){
        e.stopPropagation();
        e.preventDefault();
        
        alert($('#usersForm').serialize());
    });
});