当前位置：首页 > 文档资料 > Rax 中文文档 >

事件处理

优质

小牛编辑

131浏览

2023-12-01

Rax 元素的事件处理和 HTML 的 DOM 元素类似，但在语法上有一些区别：

例如，在 HTML 中为 DOM 元素绑定事件的写法为：

<button onclick="activateLasers()">激活按钮</button>
<scripts>
  var activateLasers = function() {
	  alert('click');
  };
</scripts>

对应在 Rax 中的写法为：

function Button(props) {
  const activateLasers = () => {
    alert('click');
  };
  return <button onClick={activateLasers}>Click me</button>;
}

如果需要为事件传递额外的参数，可以采用箭头函数的方式：

<button onClick={() => deleteRow(id)}>Click me</button>

免责声明：以上内容版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。感谢每一位辛勤著写的作者，感谢每一位的分享。