将事件发送到另一个班级答案

【问题标题】：Send event to another class将事件发送到另一个班级
【发布时间】：2020-09-05 12:16:01
【问题描述】：

在我的 web react 项目中，我有两个第一类“菜单”返回我的仪表板的菜单（更改页面“主页”、“消息”的链接......）和另一个“框”用于显示页面（它是我的网站页面的容器）所以我的问题是当我点击按钮时页面如何？。


 class menu(){
        render(){
           return(<button>click to go to home</button>) ;
        }
   
   }
   
   class box(){
       render (){
          return(<Home>this is  the home</Home>) ; 
       }  }

【问题讨论】：

嗨，请添加更多代码示例

标签： javascript reactjs oop

【解决方案1】：

您可以创建一个具有 page 属性和 setPage 方法的父组件。

在该组件内，渲染工具栏和页面。工具栏应该接受一个名为 onClickPage 的道具，该道具应该调度 setPage。例如：

const [page, setPage] = React.useState("dashboard");


....

<Toolbar onClickPage={page => setPage(page)} />
<Pages page={page} />

这就是所谓的提升状态 (https://reactjs.org/docs/lifting-state-up.html) 我建议您阅读他们的文档。它对初学者非常友好。

【讨论】：

【解决方案2】：

如果您的主要问题是在页面之间导航，您可以使用 react-router 轻松实现此目的。 https://reactrouter.com

【讨论】：