React.createElement()生成的元素怎么添加绑定事件

Question

之前没有接触过react，现在需要修改代码

React.createElement(
        'th',
        { key: key, style: { 'width': col.width ? col.width : 'auto' } },
        colContent,
        React.createElement(
            'i',null,'点击'
        )
)

现在想给生成的i标签添加点击事件，请问该怎么做

Answer 1

createElement()的调用方式如下：

React.createElement(
  type,
  [props],
  [...children]
)

绑定事件写在[props]中，例如：

var target = React.createElement('button', {
  onClick: () => { alert('lol') },
}, 'Click me');

ReactDOM.render(
        target,
        document.getElementById('root')
);

DEMO:
https://codepen.io/CodingMonk...