Ist es möglich, eine Standardroute im React-Router zu definieren?
P粉128563140
P粉128563140 2023-08-27 17:06:31
0
2
399

Angenommen, die Basis-URL meiner App lautet example.com/app

Ist es möglich, grundlegende Routen in React-Router einzurichten, anstatt alle Routen als

zu schreiben?
/app/a /app/b /app/c

Ich kann sie als

angeben.
a B c

Ich habe das folgende Beispiel aus der Dokumentation ausprobiert, aber es funktioniert nicht (auf der Seite wird nichts angezeigt). Vielleicht liegt es daran, dass ich „react-router@3.0.0-alpha.1“ verwende oder etwas falsch mache.

import { useRouterHistory } from 'react-router' importiere { createHistory } aus 'history' const History = useRouterHistory(createHistory)({ Basisname: '/app' }) const Root = ({store}) =>    ...    )


P粉128563140
P粉128563140

Antworte allen (2)
P粉087074897

如果您想使用 ,它可以让您访问历史对象,允许您通过history.push('/my-path')更改页面code>直接来自js的方法。您将面临这样的问题:BrowserRouter 没有可用的history属性,并且 Router 没有可用的basename

解决办法如下:

const App: React.FC = () => { // do not put a slash at the end of the basename value. const history = createBrowserHistory({ basename: '/your-base-name' }); return  ... ; }

https://reacttraining.com/react-router/web/ api/BrowserRouter/basename-string

    P粉647449444

    使用最新的react router (v4),你可以轻松做到这一点

      // renders  
      Neueste Downloads
      Mehr>
      Web-Effekte
      Quellcode der Website
      Website-Materialien
      Frontend-Vorlage
      Über uns Haftungsausschluss Sitemap
      Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!