JSFiddle - React, Tailwind, and code Playground

HTML

<table id="tabelaPedido">
    <tbody>
        <tr> 
            <td><input id="addRow" type="submit" value="Add row"></td>
        </tr> 
        <tr> 
            <td><input type="text" class="cod_linha"/></td>
            <td><input type="text" class="linha"/></td>
            <td><input type="text" class="cod_ref"/></td>
            <td><input type="text" class="ref"/></td>
            <td><input type="text" class="cod_material"/></td>
            <td><input type="text" class="material"/></td>
            <td><input type="text" class="cod_cor"/></td>
            <td><input type="text" class="cor"/></td>
            <td><input type="text" class="id_marca"/></td>
            <td><input type="text" class="descricao_marca"/></td>
        </tr>
    </tbody>
</table>

JavaScript

function preencherCamposProduto() {
    var table = $('#tabelaPedido tr:last');
    $(table).each(function() {
        if($(this).find('input.linha').val()=== '' &&
           $(this).find('input.ref').val()=== '' &&
           $(this).find('input.material').val()=== '' &&
           $(this).find('input.cor').val()=== '' &&
           $(this).find('input.descricao_marca').val()=== ''){
            
            var data = [{
                idLinha: 1, 
                labelLinha: "LL",
                idRef: 2,
                labelRef: "LR",
                idCor: 3,
                labelCor: "LC",
                idMarca: 4,
                labelMarca: "LM",
                idMaterial: 5,
                labelMaterial: "LMT"
            }];
            
            var linhaId = data[0].idLinha;
            var linhaLabel = data[0].labelLinha;
            var refId = data[0].idRef;
            var refLabel = data[0].labelRef;
            var corId = data[0].idCor;
            var corLabel = data[0].labelCor;
            var marcaId = data[0].idMarca;
            var marcaLabel = data[0].labelMarca;
            var materialId = data[0].idMaterial;
            var materialLabel = data[0].labelMaterial;
            
            var table = $('#tabelaPedido');
            $(table).each(function() {
                $(this).find('input.cod_linha').val(linhaId);
                $(this).find('input.linha').val(linhaLabel);
                $(this).find('input.cod_ref').val(refId);
                $(this).find('input.ref').val(refLabel);
                $(this).find('input.cod_material').val(materialId);
                $(this).find('input.material').val(materialLabel);
                $(this).find('input.cod_cor').val(corId);
                $(this).find('input.cor').val(corLabel);
                $(this).find('input.id_marca').val(marcaId);
                $(this).find('input.descricao_marca').val(marcaLabel);
                
            });
            
        }...