如何创建全局通知?

时间:2019-05-09 16:29:23

标签: reactjs

我正在尝试在React中构建一个基本的View组件,该组件将在每个视图和某些子视图中包含一个iOS样式的横幅通知。我希望能够从任何地方以任何视图切换通知组件。

例如,我可能单击表单上的按钮,然后显示警告通知。

<View>
 <Notification type="success" text="Account updated!" >
 // other children components here
 // including a button to change the state of the notification
</View>

我需要在View组件中有一个方法– showNotification(),该方法可以控制Notification的状态,更新文本等。

我真的很难弄清楚该怎么做。我已经能够在其中添加显示通知的按钮,但是不适用于组件外部的按钮。

执行此操作的最佳方法是什么?

我尝试创建一个View类,该类扩展了React.Component并具有showNotification()方法,以及传递给组件的状态。

然后,我创建一个扩展自定义View类的新视图,并将其称为super.showNotification()

这将调用父类中的函数并更新状态,但似乎没有将状态传递给组件prop。

0 个答案:

没有答案