JSFiddle - React, Tailwind, and code Playground

HTML

<div class="form-group">
        <label class="btn btn-primary trigger" for="broker_image">Upload Image</label>
        <input style="display:none;" class="uploadBtn" type="file" name="broker[image]" id="broker_image">
      </div>

JavaScript

document.getElementsByClassName("trigger").onClick = function () {
    document.getElementsByClassName("uploadFile").style.display = 'block';
    document.getElementsByClassName("uploadFile").value = this.value;
};