Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/402.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 字体真棒:我可以让图标点击吗?_Javascript_Reactjs - Fatal编程技术网

Javascript 字体真棒:我可以让图标点击吗?

Javascript 字体真棒:我可以让图标点击吗?,javascript,reactjs,Javascript,Reactjs,我在react表的一行中使用了一个垃圾桶图标,我想在单击图标时删除该行。我对HTML/JS的了解非常基础。但是,当我在图标中或图标周围放置onClick处理程序时,它会在呈现页面时触发,而在单击图标时根本不会触发 这是我当前的行定义。我尝试了div和span,并尝试使用按钮,但图标显示不正确: { width: 50, filterable: false, Cell: row => ( <div align="center" onClick={alert("click

我在react表的一行中使用了一个垃圾桶图标,我想在单击图标时删除该行。我对HTML/JS的了解非常基础。但是,当我在图标中或图标周围放置onClick处理程序时,它会在呈现页面时触发,而在单击图标时根本不会触发

这是我当前的行定义。我尝试了div和span,并尝试使用按钮,但图标显示不正确:

{
  width: 50,
  filterable: false,
  Cell: row => (
  <div align="center" onClick={alert("clicked")}>
    <i className="fa fa-trash-o"></i>
  </div>
  )
}

有人能告诉我我做错了什么吗?

如果没有实际的函数包装器,React事件绑定将无法工作

尝试一下onClick={=>{alert'clicked'}


另见:

如果没有实际的函数包装器,React事件绑定将无法工作

尝试一下onClick={=>{alert'clicked'}


另见:

你当然可以让图标点击。你可以走我能想到的两条自动取款机路线中的一条

您可以将图标环绕在一个“a”标记中,也可以使用javascript获取元素getElementById并向其添加一个单击侦听器,附带一个简单的函数来执行您的请求


希望这会有帮助

您当然可以使图标可点击。你可以走我能想到的两条自动取款机路线中的一条

您可以将图标环绕在一个“a”标记中,也可以使用javascript获取元素getElementById并向其添加一个单击侦听器,附带一个简单的函数来执行您的请求


希望这对你有所帮助,你不需要括号


您可以将函数设置为alert'clicked',也可以在JavaScript中定义一个函数,并在span的onclick中链接到它。

您不需要括号


您可以将函数设置为“单击”警报,或者您可以在JavaScript中定义一个函数,并在span的一次单击中链接到该函数。

有史以来最快的答案!但它不起作用。。。我发现一个语法错误:相邻的元素必须被包装在一个封闭的标记中。缺少右括号。现在效果很好。谢谢有史以来最快的答案!但它不起作用。。。我发现一个语法错误:相邻的元素必须被包装在一个封闭的标记中。缺少右括号。现在效果很好。谢谢可能的重复你也应该使用按钮而不是div可能的重复你也应该使用按钮而不是div对不起,我甚至没有经验去理解你写的东西!你能写一个例子吗?对不起,我甚至没有经验去理解你写的东西!你能举个例子吗?