BrowserRouter

<BrowserRouter>使用HTML5 History API保持页面 和 URL 的同步，使用干净的URL将当前位置存储在浏览器的地址栏中。

• props

  • basename

    xxxxxxxxxx
    <BrowserRouter basename='/app'>
          {/* 代表浏览器打开页面的时候会有个/app的前缀 */}
          <div>
            <ul>
              <li>
                <Link to="/">首页</Link>
                {/* http://localhost:3000/app */}
              </li>
              <li>
                <Link to="/user">用户页面</Link>
                {/* 跳转到http://localhost:3000/app/user */}
              </li>
            </ul>
            <hr />
            <Routes>
              <Route path="/" element={<App />}>
                <Route index element={<Home />} />
                <Route path="user" element={<User />}/>
              </Route>
            </Routes>
          </div>
        </BrowserRouter>
    

• chidlren

  路由的集合。

实时效果反馈

1. 使用BrowserRouter，则浏览器的地址栏会呈现__:

A http://localhost:3000/#/app/user

B http://localhost:3000/app/user

答案

1=>B