javascript - React DOM 创建 html 元素并将函数绑定(bind)到 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 绑定(bind)一个函数，但是在上面的情况下怎么样？

Answer 1

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

<div onClick={handler} />

成为

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

所有 Prop 都成为单个对象的属性。

因此在你的例子中它会是这样的

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