用SSR反应两次显示

Question

我正试图使React.astastify与Next.js一起工作，但出现以下错误：

Warning: Expected server HTML to contain a matching text node for "nz6teoigav" in <div>.

这会使Toast组件呈现两次。

在_app.tsx里面我添加了<ToastContainer position='top-center' newestOnTop={true} limit={1} />

然后可以在不同的组件中调用toast.error('error')

Answer 1

没有看到问题的示例，这是一个猜谜游戏。也就是说，这是一个带有react-toastify和NextJS的工作代码箱，您可以在项目中使用/引用它：

Codesandbox Source

Working Codesandbox Demo

上面的示例利用了一个自定义的toast函数，该函数可以更改消息的外观，但是它是完全可选的，并且仅用于演示目的。