onDragExit综合事件不会触发

时间:2019-10-31 22:46:13

标签: reactjs drag-and-drop

无论我做什么,似乎都无法onDragExit被解雇。这是我创建的一个非常简单的应用程序,用于演示该问题

const log = (...values) => () => console.log(...values)

class App extends Component {
  constructor() {
    super();
    this.state = {
      name: 'React'
    };
  }

  render() {
    return (
      <div>
        <Hello name={this.state.name} />
        <p draggable={true} onDragStart={log('start')} onDragEnd={log('end')}>
          Start editing to see some magic happen :)
        </p>
        <div
          onDragOver={log('over')}
          onDragExit={log('exit')}
          onDrop={log('drop')}
          style={{background : 'blue', color: '#fff', width: '100%', height: '12em'}}
        >
          Drop Here
        </div>
      </div>
    );
  }
}

这是反应问题还是我错过了什么?

StackBlitz

0 个答案:

没有答案