-2
Material UIを使用してReact jsアプリケーションを開発しています。 私はonClick in ListとList Itemを実装しました。 enter image description here onRightClickイベントも実装したいと思います。 私を助けてください。ReactJSを使用してMaterial UIのリストアイテムにマウスの右クリックを実装する方法
A
答えて
0
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.0/react-dom.min.js"></script>
<html>
<head>
<title>Test</title>
</head>
<body>
<div id="app"></div>
<script type="text/jsx">
var App = React.createClass({
handleClick: function(e) {
if (e.type === 'click') {
console.log('Left click');
} else if (e.type === 'contextmenu') {
console.log('Right click');
}
},
render : function(){
return <p onClick={this.handleClick} onContextMenu={this.handleClick} >Something </p>
}
});
React.render(<App />, document.getElementById('app'));
</script>
</body>
</html>以上実行してみてください、あなたがそれぞれ左右のクリックを識別することができるようになりますスニペット。