React中如何避免在文件标签显示无效文件名？

我已在文件标签中声明仅允许PNG/JPEG格式的文件：

通过React Dev Tools验证，合法文件可成功添加：

但当选择PNG/JPEG以外的格式文件时，文件并未被添加，前端却仍会显示该文件名：

React Dev Tools结果显示文件确实未被添加：

需求 #

• 不显示.pdf、.mp3等无效文件的名称
• 前端在这种情况下显示No File Chosen，而非无效文件名

内容的提问来源于stack exchange，提问作者Souvik Pal