Est-il possible de définir une route par défaut dans React-Router ?

Question

Supposons que l'URL de base de mon application soit example.com/app

Est-il possible de configurer des routes de base dans React-Router au lieu d'écrire toutes les routes sous la forme

/app/a
/app/b
/app/c

Je peux les spécifier comme

a
b
c&Lt ;/pré> ;
J'ai essayé l'exemple suivant trouvé dans la documentation mais cela ne fonctionne pas (la page n'affichera rien). C'est peut-être parce que j'utilise réagir-router@3.0.0-alpha.1 ou que je fais quelque chose de mal. 
importer { useRouterHistory } depuis 'react-router'
importer { createHistory } depuis 'historique'

const history = useRouterHistory(createHistory)({
  nom de base : '/app'
})

const Racine = ({magasin}) =>
    
        
            
                ...
            
        
    
)

            

Answer 1

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

La solution est la suivante :

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

  return <Router history={history}>
           ...
         </Router>;
}

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

Answer 2

Avec le dernier react router (v4), vous pouvez le faire facilement

<BrowserRouter basename="/calendar">
  <Link to="/today"/> // renders <a href="/calendar/today">
</BrowserRouter>