Déclarant Réagir Itinéraires dans un fichier séparé et de l'Importation de
Je suis nouveau à Réagir, j'ai essayé de déclarer les routes dans des fichiers séparés et ensuite l'utiliser dans le fichier d'index.
Voici mon routes.js.
import React from 'react';
import ReactDOM from 'react-dom';
import {
BrowserRouter as Router,
Route
} from 'react-router-dom';
import App from './components/App';
import Template1 from './components/template1';
import Template2 from './components/template2';
import Template3 from './components/template3';
const routes = (
<Route exact path="/" component={App}>
<Route exact path="/sessionstate1" component={Template1}/>
<Route exact path="/sessionstate2" component={Template2}/>
<Route exact path="/sessionstate3" component={Template3}/>
</Route>
)
export default routes
et index.js
import React from 'react';
import ReactDOM from 'react-dom';
import {
BrowserRouter as Router,
Route,Redirect
} from 'react-router-dom';
import './styles/css/index.css';
import routes from './routes.js';
ReactDOM.render(
<Router history={browserHistory} routes={routes} />,
document.getElementById('root')
);
Je ne suis pas l'obtention de toute erreur ou d'avertissement, mais la page ne se charge pas. S'il vous plaît dites-moi ce que je suis absent
Grâce
aussi loin que je peux voir, il n'y a pas accepté les réponses. Pourriez-vous trouver un moyen pour faire cela?
OriginalL'auteur Vipin | 2017-03-26
Vous devez vous connecter pour publier un commentaire.
Vous n'avez pas besoin d'envelopper vos Itinéraires à l'intérieur d'un div. Essayez quelque chose comme ceci:
routes.js
index.js
OriginalL'auteur Edvinas daugirdas
Je pense que le problème est avec l'emballage de la
Route
à l'intérieur d'undiv
.Essayez de les envelopper à l'intérieur d'un
Route
comme suit. Essayez cette violon et de modifier les itinéraires wrapper à div.Et l'importer dans
index.js
Est-il un App.js ou un parent de la classe de ces composants
Non, il n'est pas parent de la classe
Afin de participer à l'un des au-dessus de chemin d'accès ne fonctionne pas?
Nope. Page blanche est à venir
OriginalL'auteur DroidNoob
index.js:
routes.js:
De cette façon, vous pouvez ajouter des itinéraires à partir de fichiers différents et diffuser vos définitions de route pour les différents dossiers qui servent à l'contextuel de la fin de la route.
Le magasin variable est-il dans le cas où vous souhaitez utiliser redux et qui veulent avoir un onEnter de l'événement sur la route. Exemple:
Je trouve onEnter événements, une bonne alternative à componentDidMount, de données-extraction-sage. L'invocation d'une extraction de données sur route de niveau de plus de sens pour moi que je vois le comme partie intégrante de la niveau de la présentation.
OriginalL'auteur Guy
Essayez-le de cette façon
OriginalL'auteur error404
Je sais que je suis en peu en retard mais voici mon travail
ici, un travail démo
mon dépendances sont
créer nav.js fichier comme ceci
ce fichier est chargé de stocker tous les liens pour navbar
Puis l'routes.js fichier
ici, vous définissez vos itinéraires et vos pages où les itinéraires doivent accède à
enfin voici le code index.js
OriginalL'auteur NuOne
Aussi de nouveau à réagir et a été en cours d'exécution dans la même question. Voici ce que j'ai essayé (évidemment différent du code et de la structure, mais ce que nous recherchons doit être la même fonctionnalité)
index.js
et la routes.js fichier.
Laissez-moi savoir si cela fonctionne pour vous.
OriginalL'auteur mcshakes