Question

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>