如何知道另一个子组件中一个子组件的事件

埃夫拉恩·桑杰·阿迪卡里
class Dashboard extends Component {
  render() {
    return (
      <div className="row">
        <SidePanel />
        <DashboardContentPanel />
      </div>
    );
  }
}

我的问题是:sidePanel 中有 6 个按钮,根据单击的按钮,我想更改 DashboardContentPanel 的内容

我是 ReactJS 的新手!帮我。只是一个逻辑!

什罗伊

您可以使用ref访问整个组件功能

让我们考虑一下您的DashboardContentPanel组件有一个调用的函数,myFunctionButtonOne并且您需要在SidePanel组件中单击按钮时触发此函数,因此该Dashboard组件将成为 ( SidePanel, DashboardContentPanel) 组件之间的中介

class Dashboard extends Component {
  render() {
    return (
      <div className="row">
        <SidePanel handleButtonOne={this.panel.myFunctionButtonOne} />
        <DashboardContentPanel ref={(panel)=> this.panel = panel} />
      </div>
    );
  }
}

当我们将 handleButtonOne 作为道具传递时,我们可以像这样使用它

<button onClick={this.props.handleButtonOne}>Click me</button>

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将点击事件从一个子组件传递到另一个子组件

来自分类Dev

如何基于事件使用React将一个子react / html组件替换为另一个子组件?

来自分类Dev

如何将子组件路由到另一个子组件

来自分类Dev

我想在react中访问另一个子组件中一个子组件的值

来自分类Dev

如何从子组件访问 Angular 4 中的另一个子组件

来自分类Dev

如何在VueJS中将值从一个子组件传递到另一个子组件?

来自分类Dev

如何在React中将数据值从一个子组件传递到另一个子组件?

来自分类Dev

如何访问另一个子组件中插槽的内容

来自分类Dev

React Native ScrollView - 如何从另一个子组件按钮滚动到子组件?

来自分类Dev

如何将回调从一个子组件传递到另一个

来自分类Dev

Vue.js:将数据从一个子组件传递到具有相同父组件的另一个子组件吗?

来自分类Dev

如何从一个单独的子组件修改一个子组件的道具?

来自分类Dev

使用useReducer调度一个子组件中的操作并更新另一个子组件中的状态

来自分类Dev

从另一个子执行子

来自分类Dev

单击另一个子菜单时如何关闭一个子菜单

来自分类Dev

如何将一个子域重写为另一个子域?

来自分类Dev

如何从另一个子域发送一个子域的综合浏览量

来自分类Dev

VBA EXCEL:如何在另一个子例程中调用一个子例程?

来自分类Dev

如何基于另一个zip的内容创建一个子zip?

来自分类Dev

基于另一个子帧

来自分类Dev

从另一个子域访问Cookie

来自分类Dev

另一个子查询问题

来自分类Dev

如何将数据从一个子组件传递给父组件和其他子组件?

来自分类Dev

将两个结果在一个子传递到另一个子

来自分类Dev

当另一个子进程完成时,如何终止子进程?

来自分类Dev

使用python multiprocessing子进程如何终止另一个子进程?

来自分类Dev

如何从Sitecore中的另一个子布局访问子布局控件?

来自分类Dev

想要将值从子组件传递给父组件,然后将这些值传递给另一个子组件

来自分类Dev

最后一个子组件覆盖所有子组件

Related 相关文章

  1. 1

    将点击事件从一个子组件传递到另一个子组件

  2. 2

    如何基于事件使用React将一个子react / html组件替换为另一个子组件?

  3. 3

    如何将子组件路由到另一个子组件

  4. 4

    我想在react中访问另一个子组件中一个子组件的值

  5. 5

    如何从子组件访问 Angular 4 中的另一个子组件

  6. 6

    如何在VueJS中将值从一个子组件传递到另一个子组件?

  7. 7

    如何在React中将数据值从一个子组件传递到另一个子组件?

  8. 8

    如何访问另一个子组件中插槽的内容

  9. 9

    React Native ScrollView - 如何从另一个子组件按钮滚动到子组件?

  10. 10

    如何将回调从一个子组件传递到另一个

  11. 11

    Vue.js:将数据从一个子组件传递到具有相同父组件的另一个子组件吗?

  12. 12

    如何从一个单独的子组件修改一个子组件的道具?

  13. 13

    使用useReducer调度一个子组件中的操作并更新另一个子组件中的状态

  14. 14

    从另一个子执行子

  15. 15

    单击另一个子菜单时如何关闭一个子菜单

  16. 16

    如何将一个子域重写为另一个子域?

  17. 17

    如何从另一个子域发送一个子域的综合浏览量

  18. 18

    VBA EXCEL:如何在另一个子例程中调用一个子例程?

  19. 19

    如何基于另一个zip的内容创建一个子zip?

  20. 20

    基于另一个子帧

  21. 21

    从另一个子域访问Cookie

  22. 22

    另一个子查询问题

  23. 23

    如何将数据从一个子组件传递给父组件和其他子组件?

  24. 24

    将两个结果在一个子传递到另一个子

  25. 25

    当另一个子进程完成时,如何终止子进程?

  26. 26

    使用python multiprocessing子进程如何终止另一个子进程?

  27. 27

    如何从Sitecore中的另一个子布局访问子布局控件?

  28. 28

    想要将值从子组件传递给父组件,然后将这些值传递给另一个子组件

  29. 29

    最后一个子组件覆盖所有子组件

热门标签

归档