2017-10-18 8 views
0

J'utilise Wordpress et l'API REST pour créer une application. Malheureusement, je dois accéder à une page WordPress PHP lorsque l'utilisateur pointe vers/register.Comment faire React (Router) pointer vers le fichier backend WP

Lorsque je pointe le navigateur vers la page/register, il affiche une page universelle rendue par réagit. Il est déclenché par ceci:

<Route path='*' component = {Single} /> 

Comment puis-je faire une exception à cette règle et récupérer une page du backend WordPress?

Ceci est mon routeur:

<Route path="/"> 

     <IndexRoute component={Home} /> 
     <Route path='/services' component ={Services} /> 
     <Route path='/blog' component={Blog} /> 
     <Route path='/submit' component = {Submit} /> 
     <Route path='/myaccount' component = {MyAccount} /> 
     <Route path='/register' component = {Register} /> 
     <Route path='/logare' component = {Login} /> 
     // <Route path='*' component = {Single} /> 


</Route> 
+0

Votre question n'est pas claire. Est-ce que '' fonctionne? Veux-tu çà? Vous utilisez également une ancienne version de react-router, la dernière version est 'react-router-dom v4.2.2'. –

+0

Ce chemin générique déclenché par "*" fonctionne. Je veux accéder à une page créée par moi en utilisant le backend WordPress. Cette page est disponible sur localhost/request. Si je vais à localhost/register, au lieu d'une page WordPress, je reçois le composant "Single" rendu par React. Je ne veux pas ça. – Mike

Répondre

1

Ah ok, votre commentaire effacé les choses pour moi. Vous pouvez utiliser le prop exact sur chaque <Route> pour vous assurer que seules les URL exactes correspondent à ce composant.

<Route path="/"> 

     <IndexRoute component={Home} /> 
     <Route path='/services' component ={Services} /> 
     <Route path='/blog' component={Blog} /> 
     <Route path='/submit' component = {Submit} /> 
     <Route path='/myaccount' component = {MyAccount} /> 
     <Route exact path='/register' component = {Register} /> 
     <Route path='/logare' component = {Login} /> 
     <Route path='*' component = {Single} /> 


</Route>