【问题标题】:call two functions in onClick with reactjs用 reactjs 在 onClick 中调用两个函数
【发布时间】:2019-11-05 09:07:01
【问题描述】:

有人会知道我如何使用 ReactJs 调用 onClick 中的两个函数? 我有一个Row 重定向到另一个组件,在这个Row 我有一个Button 用于通过他的index 删除这个Row。我想删除Row 并防止在相同的onClick

我有两个功能,都可以工作,但不能一起工作..

第一个:

onClick={() => deleteFournisseur(idx)}

第二个:

onClick={e => e.stopPropagation()}

【问题讨论】:

  • (e) => { e.stopPropagation(); deleteFournisseur(idx) } 怎么样?
  • 为什么不在那个函数里面做{(e) => deleteFournisseur(idx, e)e.stopPropagation()呢?
  • @AtinSingh 不,这是一个糟糕的建议。 delete 函数应该只关心删除。除非需要,否则不应将事件钻取到内部函数。您应该具有解决单个任务的特定功能
  • @Rajesh 嗯..我明白你有道理。

标签: javascript reactjs


【解决方案1】:

你可以这样称呼它。

onClick={e => {
   deleteFournisseur(idx);
   e.stopPropagation();
}}

【讨论】:

    【解决方案2】:

    1) 内联

    { func1(); func2();}}>测试链接

    2) 使用内联类

    类测试扩展 React.Component { onClick(事件) {

     func1();
     func2();
    

    } 使成为() { 返回 ( 测试链接 ); } }

    【讨论】:

      猜你喜欢
      • 2020-08-08
      • 2014-11-22
      • 2018-12-14
      • 2020-02-14
      • 1970-01-01
      • 2018-07-29
      • 2017-11-18
      • 1970-01-01
      相关资源
      最近更新 更多