JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<div class="fields">
<!-- append here -->
</div>


<div class="row">
<input name="input" class="input">
</div>

<button>Add</button>

CSS

.input{
  padding: 10px 10px;
  border: 1px solid blue;
  width: 300px;
  margin-bottom: 10px;
}

.row {
  display: none;
}

JavaScript

$('button').on('click', function(e){
  var field_html = $('.row').html();	
  $('.fields').append(field_html).find('input').focus();
});