JSFiddle - React, Tailwind, and code Playground

HTML

<label>Tipo de campo</label>
<select id="tipo_input">
  <option value=""> Selecione...</option>
  <option value="texto"> Campo de texto</option>
  <option value="radio"> Múltipla escolha</option>
  <option value="check"> Caixas de seleção</option>
</select>
<br>
<br>
<span class='tipo-texto'>
  <label>Campo texto</label>
  <input type="text">
  <br>
  <br>
</span>
<span class='tipo-radio'>
  <label>
    <input type="radio"> Opção radio 1
    <input type="radio"> Opção radio 2
  </label>
  <br>
  <br>
</span>
<span class='tipo-check'>
  <label>
    <input type="checkbox"> Opção check
  </label>
</span>

JavaScript

$("#tipo_input").on("change", function() {
     var tipo = $(this).val();
     $("span[class^='tipo-']:not(.tipo-"+tipo+")").hide();
     $("span[class='tipo-"+tipo+"']").show();
  });