input.click（）從IconMenu

Question

我試圖實現智能圖像上傳者https://github.com/callemall/material-ui不起作用。
它有佔位div元素和IconMenu之上。
我有以下代碼：

onPlaceHolderClick =() => { 
    this.input.click(); 
}; 

// ... 

<IconMenu 
    iconButtonElement={<IconButton><MoreVertIcon /></IconButton>} 
    anchorOrigin={{ horizontal: 'right', vertical: 'top' }} 
    targetOrigin={{ horizontal: 'right', vertical: 'top' }} 
    onItemTouchTap={this.onMenuTap} 
> 
    <MenuItem primaryText="Load more" onTouchTap={this.onPlaceHolderClick} /> 
    <MenuItem primaryText="Delete all" onTouchTap={this.onDeleteAllClick} /> 
</IconMenu> 

// ... 

<div onClick={this.onPlaceHolderClick}>Load more</div> 

// ... 

<input 
    onChange={this._handleFileSelect} 
    ref={input => this.input = input} 
    style={{ display: 'none' }} 
    type="file" 
    multiple={multi} 
/> 

onPlaceHolderClick被稱爲每次，但在IconMenu什麼情況下發生的。控制檯是空的。

Answer 1

什麼是你想要的預期作用通過點擊「加載更多」？

你必須在onPlaceHolderClick

onPlaceHolderClick = (event) => { 
    console.log(event.target.value); 
}; 

訪問clickEvent但是，也許你想開始在「加載更多」元素的http請求？