react-router-dom 6 没有StaticRouter

Question

老师 react-router-dom 6中貌似没有StaticRouter，看的 node_modules下react-router-dom 的 index.d.ts ， 个人觉得react-router-dom v4 有点老了。

Answer 1

提问者 给生活一个大大的傻笑 2022-03-29 08:42:32

偶然翻到了 react-router-dom 文档中的SSR Render, 有几个改动

    "react": "^17.0.2",

    "react-dom": "^17.0.2",

    "react-router-dom": "^6.2.2",

import { StaticRouter } from 'react-router-dom/server'; // 导入需要从 /server 中导入

 const content = renderToString(
    <StaticRouter location={req.path} >
      <IRoutes />  // 这里
    </StaticRouter>
  )
  
  
//////////////////////////////////////////////
// Routes.js  
// react-router-dom 6 中有一些改动，  components => element , Switch => Routes
import React from 'react';
import { Routes, Route } from 'react-router-dom'
import Hello from './containers/Hello';
import Home from './containers/Home';

function IRoutes ( ) {
  return <Routes>
    <Route exact path='/' element={<Home />}></Route>
    <Route exact path='/hi' element={<Hello />}></Route>
  </Routes>
}

export default IRoutes;

• 提问者 给生活一个大大的傻笑 #1

  demo 地址： https://stackblitz.com/github/remix-run/react-router/tree/main/examples/ssr?file=src%2FApp.tsx