我想停止点击事件.因此,我在代码中添加了e.stopPropagation().我总是在控制台上出错,上面写着:Uncaught TypeError: e.stopPropagation is not a function

在reactjs中设置StopRoPagation的正确方法是什么?

      handleClick: function(index, e) {
        e.stopPropagation();

        ...

    }, 

推荐答案

正确的方法是使用.stopPropagation

var Component = React.createClass({
  handleParentClick: function() {
    console.log('handleParentClick');
  },

  handleChildClick: function(e) {
    e.stopPropagation();

    console.log('handleChildClick');
  },

  render: function() {
    return <div onClick={this.handleParentClick}>
      <p onClick={this.handleChildClick}>Child</p>
    </div>;
  }
});

Example

事件处理程序将被传递给SyntheticEvent的实例

Reactjs相关问答推荐

sourceBuffer. appendBuffer成功,但h5视频播放器卡住了

Reaction Native:在初始获取后,Reducer变为未定义

CreateBrowserRouter将props 传递给父组件以验证权限

ReactJs;Reaction-Hook-Form:仅当 Select 了特定 Select 列表选项时才显示文本输入

Reaction Ploly:如何在多个子情节中共享zoom 状态

在Reaction中的第一次装载时,Use Effect返回空数组

取消 Select 较高组件中的所有行

.populate() 方法在 mongodb 中不起作用

React 测试库包装器组件

React - 错误边界未捕获错误

AWS 全栈应用程序部署教程构建失败

如何在 React map 函数循环中使用
标签

具有自动完成功能的 Formik material ui 无法按预期工作

如何从 extrareducer redux 更改对象中元素的值

如何使用 babel 将 SVG 转换为 React 组件?

react 路由路由加载器不适用于嵌套组件

gtag:为什么谷歌分析即使没有被授权也会收集数据

多次响应获取发送请求

调用函数以获取数据并在数据到达时导航到链接

为什么这两个 div 的渲染方式不同?