自定义文件输入按钮,为文件输入创建一个不可见的输入文件类型

我想做一个类似亚马逊的文件输入按钮,写一篇下面的评论

我的代码隐藏了“输入文件类型”按钮,但没有打开“文件”对话框。它使用React with tailwind类

    <button
      type="button"
      className="p-6"
    >
      <div aria-label="Add a photo">
        <HiOutlinePlus className="text-4xl" />
        <input type="file" accept="image/*" className="hidden" />
      </div>
    </button>