Using a router
Our hash code is functional but invasive. We shouldn't call the render
method from inside a component (at least not the one we own). So, we will instead use a popular router to manage this stuff for us.
Download the router with the following command:
$ npm install react-router --save
Then, we need to put login.html
and page-admin.html
back into the same file:
<!DOCTYPE html> <html> <head> <script src="/node_modules/babel-core/browser.js"></script> <script src="/node_modules/systemjs/dist/system.js"></script> <script src="https://storage.googleapis.com/code.getmdl.io/1.0.6/material.min.js"></script> <link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.0.6/material.indigo-pink.min.css" /> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" /> <link rel="stylesheet" href="admin.css" /> </head...