鼠标向上时调用其他子组件中的函数

C00kieMonsta

ReactJS我试图从另一个子组件调用一个子组件中的函数。基本上,当事件mouseup发生时,我想触发另一个组件中的函数。

这张图片显示了我正在尝试做的事情:

在此处输入图片说明

我正在使用react-redux,所以我想做的事情是在mouseup事件发生时分派一个动作child_2 component并且这个分派应该在child_1 component.

有人知道如何解决这个问题吗?

阿什·潘迪

不确定 redux,但理想情况下它应该如何工作是状态需要通过父级进行通信。那么你如何实现它就像:

  1. 在更改 props 值时调用 child_1 组件中的函数,例如“flag1”。
  2. 每当有 mouseup 事件时,通过 child_2 组件的函数调用更新父组件中的 flag1 值。

例子:

class Child1 extends React.Component {

    ......
    Based on props.flag value do whatever you want
    ......

}

class Child2 extends React.Component {

......
call this.props.updateStatus on mouseUp with argument
......

}

class Parent extends React.Component {
    updateStatus(status) {
        this.state.flag=status;
    }

    render() {

      <Child1 flag={this.state.flag}>
      </Child1>

      <Child2 updateStatus={this.updateStatus.bind(this)>
      </Child2>
    }

}

希望有帮助。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在Python中创建子图时调用其他函数

从本机中的其他组件调用函数

父组件中的子组件在单击 React 时调用不同的函数

如何在React.js中其他组件的值更改时调用Textbox的验证?

Angular Integration测试:测试发出其他组件的事件时调用的函数,如何模拟事件数据?

谷歌地图+其他库满载时调用函数?

Angular:从其他组件调用函数

React从其他组件调用函数

将引用其他函数的函数传递给 React 中的子组件

Fortran:在函数中调用其他函数

是否可以公开在 React 函数组件中定义的函数以在其他组件中调用?

当组件从父组件动态更改时调用子组件中的方法

reactjs调用了其他组件中的一个函数,为什么

我如何从其他组件中的组件导出或调用方法?

反应在子组件中调用函数

在React的子组件中调用父函数

如何在vuejs的父组件中单击按钮时调用子组件

在宏中调用其他函数

从其他文件中快速调用函数

为什么std :: vector在离开其他作用域的同时调用析构函数?

在其他窗口中单击按钮时调用函数(WPF应用程序)

如何在允许ADL等的同时调用具有相同名称的其他函数

如何在标签 Pyqt5 上更新图像(opencv)时调用其他函数?

使用父组件中的按钮调用子组件中的函数

具有其他子功能的函数调用

在Angular 1.5中从父组件调用子组件函数

无法从 React 中的子组件调用父组件函数

从Angular的子组件中调用父组件函数

在 EF 中定义 DBContext 时调用基类的构造函数背后的原因是什么?有没有其他方法可以做到?