JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://rawgit.com/digitalBush/jquery.maskedinput/1.4.0/dist/jquery.maskedinput.js"></script>
<form action="">
    <div class="data"> 
        <label for="campo1">Campo 1:</label>
        <input name="campo1" id="campo1" class="maskdata" type="text">
    </div>
    <div class="telefone">
        <label for="campo2">Campo 2:</label>
        <input name="campo2" id="campo2" class="masktel" type="text">
    </div>
    <div class="">
        <label for="campo3">Campo 3:</label>
        <input name="campo3" id="campo3" class="" type="text">
    </div>
    <div class="">
        <label for="campo4">Campo 4:</label>
        <input name="campo4" id="campo4" class="masktel" type="text">
    </div>
    <div class="">
        <label for="campo5">Campo 5:</label>
        <input name="campo5" id="campo5" class="maskdata" type="text">
    </div>
</form>

JavaScript

jQuery(function ($) {
     $(".data input, .maskdata").mask("99/99/9999");
     $(".telefone input, .masktel").mask("9999-9999");
 });