なぜ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でイベントをパスし、

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

JSFIDDLE

ようES6スタイルの矢印の機能を持つステートメントを実行：あなたは、中括弧 {}の間で機能を渡す必要があります