javascript 如何在next.js项目中实现同位素布局?

dced5bon  于 2023-02-21  发布在  Java
关注(0)|答案(1)|浏览(156)

我想在next.js项目中实现同位素布局,为此,我尝试在下面的博客中这样做。https://stackoverflow.com/questions/25135261/react-js-and-isotope-js另外,这里是codesandbox链接。https://codesandbox.io/s/react-isotope-typescript-i9x5v?file=/src/App.tsx:1152-1504适用于React项目。
但是当我在next.js项目中尝试时,我可以看到以下错误。x1c 0d1x
如果有人有办法,请帮帮我!谢谢。

blmhpbnm

blmhpbnm1#

我在使用Isotope和NextJS时也遇到了同样的问题。最后我使用了https://github.com/ZitRos/react-xmasonry并使其工作。将项目存储在状态中,添加自己的过滤器按钮来更新状态,并在XMasonary内循环通过项目。
此演示页将给予一个想法
https://github.com/ZitRos/react-xmasonry/blob/master/docs/jsx/ContentChangesDemo.jsx

相关问题