React DOM创建html元素并将函数绑定到setState

Question

return React.DOM.div({className:"dragHandlerWrap"}, React.DOM.div({
    className: "dragHandler left"
}, "< left")

以上代码将呈现为

<div class="dragHandlerWrap">
  <div class="dragHandler left">< left</div>
</div>

如何在其上添加功能？就像jsx一样，你可以使用onClick简单地绑定一个函数，但在上面的情况下呢？

Answer 1

JSX基本上只是函数调用的语法糖。

<div onClick={handler} />

变为

React.createElement('div', {onClick: handler});

所有道具都成为单个物体的属性。

因此，在您的示例中，它将类似于

React.DOM.div({
  className: "dragHandler left",
  onClick: handler,
}, "< left")