search

dounai1306 / react

0 stars 0 forks source link

react function Component onClick parameter #2

Open dounai1306 opened 5 years ago

dounai1306 commented 5 years ago

正常情况下

<button onClick={alertDounai}>豆奶</button>

当需要传递参数的时候，需要使用ES6箭头函数来进行传递，否则的话将会在mount时一次性运行。

错误示例

<button onClick={alertDounai('123')}>豆奶</button>

正确示例

<button onClick={() => alertDounai(src)}>豆奶</button>
const alertDounai= (src: any) => {
    console.log(src)
};
dounai1306 commented 5 years ago 
const alertInfo = (item: any, row: any) => {
    console.log("当前操作的是：" + item.area + "，选中的是：" + row.name)
};
<Tooltip title="点击查看详情" placement="bottom">
  <IconButton onClick={() => alertInfo(item, row)}>
    <Map className={classes.icon}/>
  </IconButton>
</Tooltip>