JSFiddle - React, Tailwind, and code Playground

HTML

<div class="button_pro">
    <div id='input_1' class="row">
        <div class="input-field col s1">
            <input class="sno" type="text" name="Sr_1" value="1">
            <label for="Sr">Sr</label>
        </div>
        <div class="input-field col s2">
            <input id="item_code" type="text" name="item_code_1" value=" ">
            <label for="item_code">Item Code</label>
        </div>
    </div>
</div>
<div class="row">
    <div class="input-field col s2"> 
        <a href="#" class="btn-floating waves-effect waves-light add ">
            <i class="mdi-content-add">Add</i>
        </a> 
    </div> 
    <div class="input-field col s2"> 
        <a href="#" class="btn-floating waves-effect waves-light remove ">
            <i class="mdi-content-add">Remove</i>
        </a> 
    </div>
    <div class="input-field col s8"></div>
    <div class="input-field col s2">
        <input type="text" name="Grand" id="Grand" value=" ">
        <label for="net_rate">Grand Total</label>
    </div>
</div>

JavaScript

$(".remove").hide();
$(function () {
    $(".add").click(function () {
        num = $(".button_pro").length;
        //alert(num);
        if(num>=1)
        {
        	$(".remove").show();
        }
        incr = num + 1;
        var clone = '<div class="button_pro">';
        clone += '<div id="input_' + incr + '" class="row">';
        clone += '<div class="input-field col s1">';
        clone += '<input class="sno" type="text" name="Sr_' + incr + '" value="' + incr + '">';
        clone += '<label for="Sr">Sr</label>';
        clone += '</div>';
        clone += '<div class="input-field col s2">';
        clone += '<input id="item_code" type="text" name="item_code_' + incr + '" value=" ">'
        clone += '<label for="item_code">Item Code</label>'
        clone += '</div>';
        clone += '</div>'; 
        clone += '</div>';
        $(clone).insertBefore($(this).closest('.row'));
    }); 
    
     $(".remove").click(function () {
     lastnum = $(".button_pro").length;
     if(lastnum == 2)
     {
     	$(".remove").hide();
     }
     $(".button_pro:nth-child(" + lastnum + ")").remove();    
     });

});