JSFiddle - React, Tailwind, and code Playground

HTML

<label class="file_add">
  <input type="file" accept="image/*,text/*" name="files" multiple>
  <span class="input_file">Выбрать файлы</span>
</label>

CSS

label {
    cursor: pointer;
}
input[type="file"] {
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
    border: 0;
    overflow: hidden;
    position: absolute;
}