javascript–当我点击一个时,ReactRouter4.1.1不呈现

我只是试图点击一个组件并反应重新渲染需要渲染的内容.但我根本无法存档.这是我到目前为止：

Index.js(这是我试图存储所有路线的地方)

import React from "react";
import ReactDOM from "react-dom";
import Main from "./pages/index/main.js";
import Login from "./pages/signin/signin.js";
import { BrowserRouter as Router, Route, Switch} from "react-router-dom";
ReactDOM.render(


Header.JS(我在哪里设置Link标签)

import React from "react";
import style from "./../acc/css/navbar.css";
import { BrowserRouter as Router, Link} from "react-router-dom";
export default class Header extends React.Component {
render() {
return (



截至目前,当我手动转到/时,它会呈现主组件,当我手动转到/ login时,它会呈现Login组件.

但是,当我点击组件,它不呈现,它只是将URL更改为/ login或反之亦然.

我想知道这个问题是否有任何解决方案？

编辑1

Main.js代码

import React from "react";
//import compunts
import Header from "./../header.js";
import Qoute from "./qoute.js";
import Grades from "./grades.js";
export default class Main extends React.Component {
render() {
return (


Signin.js

import React from "react";
import Header from "./../header.js";
import Qoute from "./qoute.js";
import Form from "./form.js";
export default class Login extends React.Component {
render() {
return(


为了澄清,我试过了

这仍然不起作用.有解决方案吗

解决方法:

现在你有 内的元素标签.您必须删除此<路由器>和链接开始工作.