javascript - Material ui添加onclick

Question

我正在尝试将 onClick 事件处理程序添加到 Material ui 示例中，但它没有被调用。

<Tooltip title="Filter list">
 <IconButton aria-label="Filter list">
  <FilterListIcon/>
   </IconButton onClick={test}>
</Tooltip>

test=()=>{

}

这是代码的链接。沙盒编辑器 https://codesandbox.io/s/kxq1oqxxjr

感谢您的帮助。

Answer 1

确保将事件处理程序添加到 IconButton 的开始标记，它会起作用。

let EnhancedTableToolbar = props => {
  const { numSelected, classes } = props;

  const test = () => {
    console.log("test");
  };

  return (
    <Tooltip title="Filter list">
      <IconButton aria-label="Filter list" onClick={test}>
        <FilterListIcon />
      </IconButton>
    </Tooltip>
  );
};