Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 在类组件中使用React Toast通知_Reactjs_React Hooks - Fatal编程技术网

Reactjs 在类组件中使用React Toast通知

Reactjs 在类组件中使用React Toast通知,reactjs,react-hooks,Reactjs,React Hooks,我是react新手,希望在我的项目中使用react toast通知,在他们的官方网站上,他们使用react挂钩并使用它来执行通知,但我希望在componentWillMount或componentDidMount上使用该类组件。有没有什么方法可以做到这一点,或者我必须使用其他吐司组件。谢谢。您可以创建一个更高阶的组件,如withToast,它将在基于类的组件中添加该道具 从“react toast notifications”导入{useToasts} 带Toast的函数(组件){ 返回函数W

我是react新手,希望在我的项目中使用react toast通知,在他们的官方网站上,他们使用react挂钩并使用它来执行通知,但我希望在componentWillMount或componentDidMount上使用该类组件。有没有什么方法可以做到这一点,或者我必须使用其他吐司组件。谢谢。

您可以创建一个更高阶的组件,如
withToast
,它将在基于类的组件中添加该道具

从“react toast notifications”导入{useToasts}
带Toast的函数(组件){
返回函数WrappedComponent(props){
const toastFuncs=useToasts()
返回;
}
}
//在您的类组件文件中
类MyComponent扩展组件{
组件安装(){
this.props.addToast('Hello Toast');
}
渲染(){
回敬
}
}

使用Toast导出默认值(MyComponent)
将此答案添加到github问题,以及此错误我得到的
useToasts
钩子必须从
ToastProvider
的后代调用。对文档做出反应,你需要用ToastProvider像“阅读文档”一样包装你的应用程序。我转到“反应到刚性”部分