React 修改input按钮上文字

标签：value   accept   修改   react   cli   文字   none   agent   code   

设置另一个button和text替代input file，隐藏input file。

            <input
                type="file"
                id="tts-input-text"
                accept="text/plain"
                onChange={readFile}
                onClick={(e: any) => (e.target.value = null)} />
            <input
                type="button"
                id="tts-input-button"
                value="Select recording script"
                onClick={() => document.getElementById(‘tts-input-text‘).click()} />
            <input type="text" value={file.name} id="tts-inputFileAgent" />

css：

    #tts-input-text {
        display: none;
    }

React 修改input按钮上文字

标签：value   accept   修改   react   cli   文字   none   agent   code   

原文地址：https://www.cnblogs.com/xym4869/p/13404187.html