Javascript 防止默认的onpaste

我正在尝试在React中构建自定义粘贴事件。但是我有一个问题，如果我使用React事件，那么event.preventDefault（）将在默认操作已经发生之后运行

代码如下：

render() {
return (
  <div
  className='compositionText'
  onPasteCapture={this.handlePaste}>
  </div>
);
}

有人能告诉我为什么第一个解决方案不起作用，以及我如何以反应的方式实现这一点吗

---

更新：我想补充一点，我正在该div中使用Trix编辑器，如果这有什么变化的话。

看起来Trix编辑器可能有问题，因为我在这里可以获得onPasteCapture的工作版本

var Hello=React.createClass({
handlePaste:函数（e）{
e、 预防默认值（）；
控制台日志（e）；
},
render:function（）{
返回；
}
});
ReactDOM.render(
,
document.getElementById（'容器'）
);

---

打开控制面板，查看已注销的捕获内容。

看起来这可能是Trix编辑器的问题，我可以在此处获得onPasteCapture的工作版本，打开开发工具并粘贴，捕获内容将被记录并阻止粘贴。

componentDidMount() {
this.getDOMNode().addEventListener('paste', this.handlePaste, true);
},

var Hello = React.createClass({
    handlePaste: function(e) {
        e.preventDefault();
      console.log(e);
    },

        render: function() {
        return <input type="text" onPasteCapture={this.handlePaste} />;
    }
});

ReactDOM.render(
    <Hello name="World" />,
  document.getElementById('container')
);