Ich implementiere reagieren Anwendung. Übrigens begegne ich einem reaktiven Router, der eine leere Seite ohne Fehler oder Ausnahme anzeigt. Ich habe den Stack-Overflow durchsucht und weiß, dass der Browse-Verlauf möglicherweise fehlt. Ich habe glücklicherweise noch nicht mal browseHistory implementiert und die Seite zeigt immer noch leer. React Router mit Handler zeigt leere Seite
Hier ist mein Code,
import React from 'react';
import ReactDOM from 'react-dom';
//import App from 'components/App.js';
//import Home from 'components/Home.js';
import injectTapEventPlugin from 'react-tap-event-plugin';
import { Router, Route, IndexRoute, browserHistory, hashHistory, RouteHandler } from 'react-router';
injectTapEventPlugin();
var Home = React.createClass({
render: function() {
return (<h1>Welcome to the Home Page</h1>);
}
});
let App = React.createClass({
render() {
<div className="nav">
<h1>It's work</h1>
<RouteHandler/>
</div>
}
});
let routes = (
<Route name="app" path="/" handler={App} >
<Route name="home" path="/home" handler={Home} />
</Route>
);
ReactDOM.render(<Router routes={routes} history={browserHistory} />, document.getElementById('app'));
zu jemandes Beitrag freuen, wenn Sie Idee zu diesem.
Hier ist mein Paket JSON.
{
"name": "finalize",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"start": "node server.js"
},
"author": "",
"license": "ISC",
"devDependencies": {
"babel-core": "^6.24.0",
"babel-eslint": "^7.2.1",
"babel-loader": "^6.4.1",
"babel-preset-es2015": "^6.24.0",
"babel-preset-react": "^6.23.0",
"babel-preset-stage-0": "^6.22.0",
"eslint": "^3.18.0",
"eslint-plugin-react": "^6.10.3",
"express": "^4.15.2",
"file-loader": "^0.10.1",
"react-hot-loader": "^1.3.1",
"webpack": "^2.3.2",
"webpack-dev-middleware": "^1.10.1",
"webpack-hot-middleware": "^2.17.1"
},
"dependencies": {
"material-ui": "^0.17.1",
"react": "^15.4.2",
"react-dom": "^15.4.2",
"react-router": "^3.0.2",
"react-tap-event-plugin": "^2.0.1"
}
}
Mit 'reagieren-router', sollten Sie die Komponente zu übergeben, die die Route übereinstimmen mit die "Komponente" Requisiten und nicht "Handler". Sind Sie sicher, ein "# app" -Tag in Ihrer HTML-Seite zu haben? – felixyadomi
ja, ich habe #app in meinem html. Andernfalls würde es ein Protokoll über "der Container ist kein DOM-Element" werfen. Aber jetzt zeigt es absolut kein Protokoll oder Fehler in der Konsole oder im Terminal. – A1ucard
Warum 'var' an einer Stelle und' let' an der anderen? – Umair