我正在尝试在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。