为什么不是';t oncopy使用React但使用普通JavaScript代码?
react js新手似乎可以理解为什么oncopy事件不能按预期工作 HTML为什么不是';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中将函数作为事件处理程序传递。当您使用“时,它被认为是字符串值。您需要在花括号之间
我喜欢反应
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')}>我讨厌反应;
}
});