鍍金池/ 問答/HTML/ React.createElement()生成的元素怎么添加綁定事件

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

之前沒有接觸過react,現(xiàn)在需要修改代碼

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

現(xiàn)在想給生成的i標(biāo)簽添加點擊事件,請問該怎么做

回答
編輯回答
避風(fēng)港

createElement()的調(diào)用方式如下:

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...

2018年8月24日 09:12