在reactjs中单击上传文件时无法显示选择文件的弹出窗口？

我是ReactJS的新手，已经创建了文件上传UI，当我单击图钉图标或在fileupload名称字段中时，它并不要求浏览文件。我的目标是，当我们单击图钉按钮时，它应该显示我们的文件夹以供选择文件。我不知道我要去哪里。谁能帮我解决我的问题？

这是代码：

<>
        <div className="fileInput">
          <Input
            type="text"
            placeholder="File 1"
            id="file-path"
            readonly
            name="fileName"
            value={this.state.fileName}
          />
          <Input
            type="file"
            id="file-id"
            name="file"
            onChange={this.FileUpload}
          />
          <Button icon="paperclip" />
        </div>
        <Button onClick={this.handleSubmit}>Submit</Button>
      </>

Here is the full Code