Creating a Single-Page App in React using React Router

programming
51

index.js >>>
import React from ‘react’;
import ReactDOM from ‘react-dom’;
import Home from ‘./Home’;
ReactDOM.render(< Home />, document.getElementById(‘root’));

Home.js
import React, {Component} from ‘react’;
import ReactDOM from ‘react-dom’;
import {
Route,
NavLink,
HashRouter
} from “react-router-dom”;
import Login from ‘./Login’;
import SignUp from ‘./SignUp’;
class Home extends Component {
render (){
return (
< HashRouter>
< div>
< ul>
< li>< NavLink to="/ SignUp">SignUp</ NavLink>< /li>
< /ul>
< /div>
</ HashRouter>);
}
}
export default Home;

SignUp.js
import React, {Component} from ‘react’;
import ReactDOM from ‘react-dom’;
import SignUpCSS from ‘./SignUpCSS.css’

class SignUp extends Component {
render(){ return (




Sign Up


Please fill in this form to create an account.


<label for="email"><b>Email</b></label>
<input type="text" placeholder="Enter Email" name="email" required/>

<label for="psw"><b>Password</b></label>
<input type="password" placeholder="Enter Password" name="psw" required/>

<label for="psw-repeat"><b>Repeat Password</b></label>
<input type="password" placeholder="Repeat Password" name="psw-repeat" required></input>

<label>
  <input type="checkbox" checked="checked" name="remember" style="margin-bottom:15px"> Remember me </input>
</label>

<p>By creating an account you agree to our <a href="#" style="color:dodgerblue">Terms & Privacy</a>.</p>

<div class="clearfix">
  <button type="button" class="cancelbtn">Cancel</button>
  <button type="submit" class="signupbtn">Sign Up</button>
</div>
</div>
</form>
</div>);

}}
export default SignUp;

Please find the above three page
I am not able to redirect SignUp even not getting any error whats I am missing here