JSFiddle - React, Tailwind, and code Playground
HTML
<input type='text' id='ctxt1' name='campo[]'>
<input type='text' id='ctxt2' name='campo[]'>
<input type='text' id='ctxt3' name='campo[]'>
<input type='text' id='ctxt4' name='campo[]'>
<input type='text' id='ctxt5' name='campo[]'>
<input type='text' id='ctxt6' name='campo[]'>
<input type='text' id='ctxt7' name='campo[]'>
<button class="btn btn-success" onclick="enviaDados();">Envia Dados</button>
<div id="idPai">
</div>
JavaScript
function enviaDados(){
$("#idPai").html("");
$('input[id^="ctxt"]').each(function(){
$("#idPai").append("<p><b> Valor do Imput: "+$(this).val()+"</b></p>");
});
}