為什么oncopy不使用React但使用普通的JavaScript代碼？

Question

新的反應js，似乎可以理解為什么oncopy事件沒有按預期工作。

HTML

<div id="container"></div>

<h1 oncopy="alert('copy1');">
I love react
</h1>

JS

var Hello = React.createClass({
  render: function() {
    return <div oncopy="alert('copy2');">I hate react</div>;
  }
});

ReactDOM.render(
  <Hello/>,
  document.getElementById('container')
);

小提琴： https ： //jsfiddle.net/yrshaikh/ejdcx517/

Answer 1

起初，道具反應使用大寫字母（駱駝案）。 其次，您需要在jsx中將函數作為事件處理程序傳遞。 當您使用""它被認為是字符串值。 你需要在花括號{}之間傳遞函數：

onCopy={() => alert('copy2')}

Answer 2

使用camel case傳遞事件並使用ES6樣式箭頭函數執行語句

var Hello = React.createClass({
  render: function() {
    return <div onCopy={()=> alert('copy2')}>I hate react</div>;
  }
});

的jsfiddle