如何更改“文件”的文本。＆lt;输入＆gt; Antd

发布于 2025-02-02 12:54:33 字数 649 浏览 4 评论 0原文

我相信标题是不言自明的。我已经检查了文档和其他一些线程，但是我根本无法设法更改标签的两个文本：也不是“选择文件”，也不是“不选择文件”。下面是我到目前为止尝试过的。我该如何更改这些文本？

 {/* <label htmlFor="test" id="files">Test with classic label</label> */}
                  <Input
                  // addonAfter="test1"
                  // addonBefore="test2"
                    type="file"
                    onChange={handleFileSelected}
                    text="test"
                  />

原文

I believe the title is self-explanatory. I have checked the docs and some other threads, but I simply cannot manage to change both texts of the label: nor "Choose file", neither "No file chosen". Below is what I have tried so far. How could I change those texts?

 {/* <label htmlFor="test" id="files">Test with classic label</label> */}
                  <Input
                  // addonAfter="test1"
                  // addonBefore="test2"
                    type="file"
                    onChange={handleFileSelected}
                    text="test"
                  />

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

玩世 2025-02-09 12:54:33

输入的文件元素的文本由浏览器控制，因此您无法直接更改该元素。您可以做的是创建一个可自定义的按钮，该按钮使用参考来控制输入的单击：

const ref = useRef<HTMLInputElement>(null);

<button onClick={() => ref.current?.click()}>Click Here</button>
<input 
 type='file' 
 ref={ref} 
 onChange={handleFileSelected}
 style={{ display: "none" }} />

The text of the input's file element is controlled by the browser so you can not directly change that. What you can do is instead creating a customizable button that uses a ref to control the click on the input:

const ref = useRef<HTMLInputElement>(null);

<button onClick={() => ref.current?.click()}>Click Here</button>
<input 
 type='file' 
 ref={ref} 
 onChange={handleFileSelected}
 style={{ display: "none" }} />

回复收藏 0 原文