Question

我正在使用react-konva，并发现当舞台的draggable属性为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'));

＆＃39;点击Rect＆＃39;消息未出现在控制台中（使用Chrome 61.0.3163.100）。如果在舞台上设置draggable = {false}，则会显示消息。这是react-konva的已知限制吗？有解决方法吗？这似乎发生在集团也......

Answer 1

实际上，只要我将dragDistance设置为＆gt; 0，问题就会消失。谢谢你的建议！

在可拖动的Konva阶段的对象中缺少click事件

1 个答案: