为什么不是';t oncopy使用React但使用普通JavaScript代码?

为什么不是';t oncopy使用React但使用普通JavaScript代码?,javascript,reactjs,Javascript,Reactjs,react js新手似乎可以理解为什么oncopy事件不能按预期工作 HTML 我喜欢反应 JS var Hello=React.createClass({ render:function(){ 回我讨厌的反应; } }); ReactDOM.render( , document.getElementById('容器') ); 小提琴:在react中的第一个事件道具使用大写字母(骆驼格)。其次,您需要在jsx中将函数作为事件处理程序传递。当您使用“时,它被认为是字符串值。您需要在花括号之间

react js新手似乎可以理解为什么oncopy事件不能按预期工作

HTML


我喜欢反应
JS

var Hello=React.createClass({
render:function(){
回我讨厌的反应;
}
});
ReactDOM.render(
,
document.getElementById('容器')
);

小提琴:

在react中的第一个事件道具使用大写字母(骆驼格)。其次,您需要在jsx中将函数作为事件处理程序传递。当您使用
时,它被认为是字符串值。您需要在花括号之间传递函数
{}

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

react中的第一个事件道具使用大写字母(驼峰大小写)。其次,您需要在jsx中将函数作为事件处理程序传递。当您使用
时,它被认为是字符串值。您需要在花括号之间传递函数
{}

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

使用
camel case
传递事件,并使用ES6风格的箭头函数执行语句,如

var Hello = React.createClass({
  render: function() {
    return <div onCopy={()=> alert('copy2')}>I hate react</div>;
  }
});
var Hello=React.createClass({
render:function(){
返回警报('copy2')}>我讨厌反应;
}
});

使用
驼峰大小写传递事件,并使用ES6风格的箭头函数执行语句,如

var Hello = React.createClass({
  render: function() {
    return <div onCopy={()=> alert('copy2')}>I hate react</div>;
  }
});
var Hello=React.createClass({
render:function(){
返回警报('copy2')}>我讨厌反应;
}
});