如何通過另一個DOM

Question

觸發輸入文件事件REACTJS我有一個輸入按鈕和輸入文件，我想點擊BUTTON，它會觸發輸入文件事件REACT JS。

React.createElement('input',{type:'file', name:'myfile'}) 

然後按鈕

React.createElement('a',{onClick: this.doClick},'Select File') 

那麼如何定義和觸發輸入文件單擊事件，當我們點擊A HREF？

您的幫助表示感謝。 :-)

Answer 1

你可以做到這一點使用jQuery：

this.doClick: function() { 
    $('input[type=file]').trigger('click'); 
} 

陣營不提供特定功能來觸發事件，您可以使用jQuery或只是本地JavaScript：見MDN

Answer 2

Creating and triggering事件你不需要這個jQuery。你甚至不需要事件處理程序。 HTML有一個特定的元素，稱爲label。

首先，確保你的input元素具有id屬性：

React.createElement('input',{type:'file', name:'myfile', id:'myfile'}) 

然後，而不是：

React.createElement('a',{onClick: this.doClick},'Select File') 

嘗試：

React.createElement('label',{htmlFor: 'myfile'},'Select File') 

（而不是增加htmlFor和id屬性，另外是爲了使input元素成爲label的子元素。）

現在單擊label應觸發與單擊input本身相同的行爲。