Reactjs 在类组件中使用React Toast通知
我是react新手,希望在我的项目中使用react toast通知,在他们的官方网站上,他们使用react挂钩并使用它来执行通知,但我希望在componentWillMount或componentDidMount上使用该类组件。有没有什么方法可以做到这一点,或者我必须使用其他吐司组件。谢谢。您可以创建一个更高阶的组件,如Reactjs 在类组件中使用React Toast通知,reactjs,react-hooks,Reactjs,React Hooks,我是react新手,希望在我的项目中使用react toast通知,在他们的官方网站上,他们使用react挂钩并使用它来执行通知,但我希望在componentWillMount或componentDidMount上使用该类组件。有没有什么方法可以做到这一点,或者我必须使用其他吐司组件。谢谢。您可以创建一个更高阶的组件,如withToast,它将在基于类的组件中添加该道具 从“react toast notifications”导入{useToasts} 带Toast的函数(组件){ 返回函数W
withToast
,它将在基于类的组件中添加该道具
从“react toast notifications”导入{useToasts}
带Toast的函数(组件){
返回函数WrappedComponent(props){
const toastFuncs=useToasts()
返回;
}
}
//在您的类组件文件中
类MyComponent扩展组件{
组件安装(){
this.props.addToast('Hello Toast');
}
渲染(){
回敬
}
}
使用Toast导出默认值(MyComponent)
将此答案添加到github问题,以及此错误我得到的useToasts
钩子必须从ToastProvider
的后代调用。对文档做出反应,你需要用ToastProvider像“阅读文档”一样包装你的应用程序。我转到“反应到刚性”部分