fix: update ssr-with-rax

moligit · Mar 11, 2020 · 27e885c · 27e885c
1 parent 579c08b
commit 27e885c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/example/ssr-with-rax/package.json b/example/ssr-with-rax/package.json
@@ -2,7 +2,7 @@
   "name": "ssr-with-js",
   "version": "2.3.0",
   "dependencies": {
-    "driver-universal": "^3.1.3",
+    "driver-dom": "2.0.7-1",
     "egg": "^2.21.0",
     "egg-scripts": "^2.11.0",
     "egg-static": "^2.2.0",

diff --git a/example/ssr-with-rax/web/entry.js b/example/ssr-with-rax/web/entry.js
@@ -6,9 +6,9 @@ import Layout from '@/layout'
 import { routes } from '../config/config.ssr'
 
 function Component () {
-  const raxRoutes = routes.map(item => {
+  const raxRoutes = routes.map((item, index) => {
     const Component = raxGetWrappedComponent(item.Component())
-    item.component = () => <Layout><Component /></Layout>
+    item.component = () => <Layout key={`layout${index}`}><Component /></Layout>
     return item
   })
 
@@ -20,13 +20,12 @@ function Component () {
   }
 
   const component = useRouter(config).component
-  window.raxComponent = component
   return component
 }
 
 const clientRender = () => {
-  const DriverUniversal = require('driver-universal').default
-  render(<Component />, document.body, { driver: DriverUniversal, hydrate: true })
+  const DriverUniversal = require('driver-dom')
+  render(<Component />, document.getElementById('app'), { driver: DriverUniversal, hydrate: true })
   // hmr存在问题，先关掉，采用刷新的策略，有兴趣的同学可以帮忙修复
   // if (process.env.NODE_ENV === 'development' && module.hot) {
   //   module.hot.accept()