クリックイベントがドラッグ可能なKonvaステージのオブジェクトにありません

Question

私はreact-konvaを使用していて、ステージのドラッグ可能なプロパティがtrueの場合、onClickイベントがトリガーされないことがわかりました。

import React from 'react' 
import ReactDOM from 'react-dom' 
import Konva from 'konva' 
import { Layer, Rect, Stage } from 'react-konva' 
import './App.css' 

class App extends React.Component { 
    render() { 
    return (
     <div ref='container'> 
     <Stage width={700} height={700} draggable={true} > 
      <Layer> 
      <Rect 
       x={100} 
       y={100} 
       width={200} 
       height={100} 
       stroke={'red'} 
       onClick={() => { console.log('Click on Rect') }} 
      /> 
      </Layer> 
     </Stage> 
     </div> 
    ) 
    } 
} 


ReactDOM.render(<App />, document.getElementById('root')); 

「Click on Rect」メッセージは、Chrome 61.0.3163.100を使用してコンソールに表示されません。 ステージ上でdraggable = {false}を設定すると、メッセージが表示されます。 これは反応コンバの既知の制限ですか？回避策はありますか？ グループでも起こっているようです...

Answer 1

実際、dragDistanceを> 0に設定するとすぐに問題はなくなります。 お寄せいただきありがとうございます！