- 开卷题库

小开

最佳答案

<Redirect from="/" to="searchDashboard" />

<Redirect exact from="/" to="searchDashboard" />

小开

<IndexRoute component={DefaultComponent} />
<Route path="/default-path" component={DefaultComponent} />

<IndexRedirect to="/default-path" />
<Route path="/default-path" component={DefaultComponent} />

小开

 <Route name="app" path="/" handler={App}>
<Route name="dashboards" path="dashboards" handler={Dashboard}>
<Route name="exploreDashboard" path="exploreDashboard" handler={ExploreDashboard} />
<Route name="searchDashboard" path="searchDashboard" handler={SearchDashboard} />
<DefaultRoute handler={DashboardExplain} />
</Route>
<Redirect from="/*" to="/" />
</Route>

小开

<Route path="/" component={App}>
<IndexRedirect to="/welcome" />
<Route path="welcome" component={Welcome} />
<Route path="about" component={About} />
</Route>

小开

<Route path="/" component={App} >
<IndexRoute component={HomePage} />
<Route path="about" component={AboutPage} />
<Route path="home" component={HomePage} />
<Route path="*" component={HomePage} />
</Route>

小开

<Routes>
<Route path="/" element={<Navigate to="/searchDashboard" />}>
<Route path="searchDashboard" element={<SearchDashboard/>} />
<Route
path="*"
element={<Navigate to="/" />}
/>
</Route>
</Routes>

<Route exact path="/" render={() => (
<Redirect to="/searchDashboard"/>
)}/>

<Route exact path="/" render={() => (
loggedIn ? (
<Redirect to="/searchDashboard"/>
) : (
<Redirect to="/login"/>
)
)}/>

小开

<Route path="/" component={App}>
<IndexRedirect to="/welcome" />
<Route path="welcome" component={Welcome} />
<Route path="about" component={About} />
</Route>

小开

import { Route, Redirect } from "react-router-dom";


class App extends Component {
render() {
return (
<div>
<Route path='/'>
<Redirect to="/something" />
</Route>
//rest of code here

小开

<Route path="/old-router">
<Redirect exact to="/new-router"/>
<Route path="/new-router" component={NewRouterType}/>
</Route>

小开

<Route exact path={["/","/defaultPath"]} component={searchDashboard} />

小开

npm install react-router-dom;

import { BrowserRouter as Router, Route, Switch, Redirect } from "react-router-dom"; <Router> <Suspense fallback={<Loading />}> <Switch> <Route exact path="/"> <Redirect to="/Home" component={Routes.HomePage}/> </Route> <Route exact path="/Biz" component={Routes.Biz} /> </Switch> </Suspense> </Router>

小开

<Router> <div className="App"> <Navbar /> <TabBar /> <div className="content"> <Route exact path={["/default", "/"]}> //Imp <DefStuff /> </Route> <Route exact path="/otherpage"> <Otherstuff /> </Route> <Redirect to="/defult" /> //Imp </div> </div> </Router>

小开

<Route path="/" element={<Navigate to="/searchDashboard" />} />

小开

<Route path="/" element={<Navigate replace to="/expenses" />} />

import { BrowserRouter, Routes, Route, Navigate } from "react-router-dom"; <BrowserRouter> <Routes> <Route element={<App />}> <Route path="/expenses" element={<Expenses />} /> <Route path="/invoices" element={<Invoices />} /> </Route> <Route path="/" element={<Navigate replace to="/expenses" />} /> </Routes> </BrowserRouter>

小开

import { Routes, Route, Navigate } from 'react-router-dom';

<Route path="/" element={<Navigate replace to="/home" />} />

import React from 'react'; import { Routes, Route, Navigate } from 'react-router-dom'; import Home from './pages/Home'; import Login from './pages/Login'; const Main = () => { return ( <Routes> <Route path="/" element={<Navigate replace to="/home" />} /> <Route path='home' element={<Home />}></Route> <Route path='login' element={<Login />}></Route> </Routes> ); } export default Main;