Gitalk封装

components/Comment.js

@@ -1,14 +1,13 @@
 import BLOG from '@/blog.config'
 import dynamic from 'next/dynamic'
 import { useRouter } from 'next/router'
-import 'gitalk/dist/gitalk.css'
 import Tabs from '@/components/Tabs'
 import { ReactCusdis } from 'react-cusdis'
 import { useGlobal } from '@/lib/global'
 
 const GitalkComponent = dynamic(
   () => {
-    return import('gitalk/dist/gitalk-component')
+    return import('@/components/Gitalk')
   },
   { ssr: false }
 )

components/Gitalk.js

@@ -0,0 +1,9 @@
+import 'gitalk/dist/gitalk.css'
+
+import GitalkComponent from 'gitalk/dist/gitalk-component'
+
+const Gitalk = props => {
+  return <GitalkComponent {...props} />
+}
+
+export default Gitalk