JSFiddle - React, Tailwind, and code Playground

HTML

<div class="field">
    <label class="paddingleft" for="name">Full Name</label>
    <div class="center">
        <input type="text" class="biginputbarinline preview" id="name" data-copy="#name2" name="name" required>
    </div>
</div>
<div class="field">
    <label class="paddingleft" for="streetline1">Street Line 1</label>
    <div class="center">
        <input type="text" class="biginputbarinline preview" id="address" data-copy="#address1" name="address" required>
    </div>
</div>
    
    <p>Shipping to:</p>
    <p><div id="name2"></div></p>
    <p><div id="address1"></div></p>

CSS

tr:hover {
    cursor:pointer;
    background:#f0f0f0;
}

JavaScript

$(document).ready(function() {
  $(".preview").on('input', function() {
    $($(this).data('copy')).html($(this).val());
  });
});