IconMenuからinput.click（）が機能しない

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リクエストを開始するために欠けていますか？