javascript - 为什么 oncopy 不能与 React 一起使用,而是与普通的 JavaScript 代码一起使用?

标签 javascript reactjs

刚接触 React 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')
);

fiddle :https://jsfiddle.net/yrshaikh/ejdcx517/

最佳答案

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

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

<强> JSFIDDLE

关于javascript - 为什么 oncopy 不能与 React 一起使用,而是与普通的 JavaScript 代码一起使用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43999624/

相关文章:

javascript - 在焦点 knockout 自定义绑定(bind)上显示输入的基本值

javascript - Highcharts - 组织原始数据

reactjs - 导出匿名函数组件 React Typescript

javascript - 在 React 组件中解析和渲染外部 HTML

javascript - Google Maps Api v3 标记。谷歌未定义

javascript - 正则表达式中的 ^A/m 并不像 mdn 所建议的那样工作

javascript - 渲染组件及其状态

reactjs - react : access data-attribute in <option> tag

xcode - 在 React Native 上安装 OneSignal - 链接器命令失败,退出代码为 1

javascript - 如何获得传递的参数?