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}
/>

每次都会调用{p> onPlaceHolderClick，但如果IconMenu没有任何反应。控制台是空的。

Answer 1

点击“加载更多”，您想要的操作是什么？

您可以访问/my-app/

中的 clickEvent

onPlaceHolderClick

但也许您想在“加载更多”元素中启动http请求？