我在 React 页面中使用 React Router 4，但在路由路径中看不到我的组件答案

【问题标题】：I use React Router 4 in React page but I can't see my component in Route path我在 React 页面中使用 React Router 4，但在路由路径中看不到我的组件
【发布时间】：2019-05-24 16:33:39
【问题描述】：

[

import React, { Component } from "react";
import { BrowserRouter as Router , Route } from "react-router-dom";

const NewRout = () => {
  return(
    <p> MY ROUTE </p>
  );
}
class App extends Component {
  render() {
    return (
        <Router>
          <Route path="/signin" Component={NewRout} />
        </Router>
    );
  }
}

export default App;

]1我在我的反应页面中使用路由器。但我看不到输出。我从 react-route-dom 导入 BrowserRouter 和 Route 并尝试在路由中显示 mt 组件。但这对我不起作用。请帮助我如何解决这个问题。谢谢

<BrowserRouter><Route path="signin" Component={Signin} /></BrowserRouter>

【问题讨论】：

网址有变化吗？
网址不一样
请包含更多代码。
不工作是什么意思
我没有任何输出

标签： reactjs react-router

【解决方案1】：

你的路径有误：

import React from "react";
import ReactDOM from "react-dom";
import { BrowserRouter, Route, Link } from "react-router-dom";
import "./styles.css";

const Home = () => (
  <h1>
    Home <Link to="/signin">SING</Link>
  </h1>
);

const SingIn = () => (
  <h1>
    <Link to="/">Home</Link>
    This is singin page
  </h1>
);

ReactDOM.render(
  <div>
    <BrowserRouter>
      <div>
        <Route exact path="/" component={Home} />
        <Route path="/signin" component={SingIn} />
      </div>
    </BrowserRouter>
  </div>,
  document.getElementById("root")
);

现在定位到http://localhost:port/singin，您将看到您的组件。

注意：我在您的路径前添加了/。这表示您将从 / 的根目录转到 signin。

您需要使用一个名为 exact 的属性来匹配确切的路线。

试试这个SandBox

https://codesandbox.io/s/moj8kxp0nx

【讨论】：

我添加了“/signin”，但仍然清空我的页面
你能粘贴你的index和signin文件的完整代码
导入反应，{组件}从“反应”；从“react-router-dom”导入 { BrowserRouter as Router , Route }; const NewRout = () => { return(
我的路线
); } 类 App 扩展组件 { render() { return ( ); } } 导出默认应用；
从“react”导入反应； const Signin = () => { return(
登录页面
); } 导出默认登录；
刚刚更新了我的答案尝试代码和框链接和答案。如果它有效，请给它一个赞成票并接受它作为答案，感谢我的努力。

登录页面