当前位置: 首页 > 知识库问答 >
问题:

路由未定义react路由器和Spring Boot服务器

濮君植
2023-03-14

我想把react-route添加到我的应用程序中,我有下面的代码:

import { Router, browserHistory } from 'react-router';

import App from './App.js';

ReactDOM.render(
    <Router history={browserHistory}> 
        <Route exact path="/" component={App} /> 
    </Router>,
    document.getElementById('root')
);
import React from 'react';

class App extends React.Component {
    render() {
        return (
            <div className="container">
                Hello
            </div>
        );
    }
}

export default App;
ReferenceError: Route is not defined
TypeError: i.props.history is undefined

更新:已安装react-router 3.0.2并工作。

共有1个答案

卫彭亮
2023-03-14

只需从react-router导入路由

从“react-router”导入{browserHistory,Router,Route};

 类似资料:
  • 向下滚动当前代码&错误 这段代码单独工作并呈现我的'app'组件 但是当我试图在我的应用程序组件中添加一个“链接”组件时,它将无法识别它。

  • 问题内容: 我一直在思考,我对客户端和服务器之间的路由感到困惑。假设我在将请求发送回Web浏览器之前使用ReactJS进行服务器端渲染,并使用react- router作为客户端路由在页面之间切换而不刷新为SPA。 我想到的是: 路线如何解释?例如,从首页()到帖子页面()的请求 路由在服务器端还是客户端去哪里? 它如何知道如何处理? 问题答案: 注意,此答案涵盖了React Router版本0.

  • 我想到的是: 路线是如何解释的?例如,从主页()到帖子页()的请求 路由在服务器端还是客户端? 它如何知道它是如何处理的?

  • 英文原文: http://emberjs.com/guides/routing/defining-your-routes/ 当启动你的应用时,路由器会负责展示模板,载入数据,以及设置应用状态等任务。 这些都是通过将当前的URL与你定义的路由进行匹配来实现的。 1 2 3 4 App.Router.map(function() { this.route("about", { path: "/a

  • 例如:产品详细信息页面可能有一个标签式导航部分,默认显示产品概述。 当用户单击“技术规格”选项卡时,该部分将显示规格。 如果用户点击ID为3的产品,我们要显示产品详细信息页面,其中包含概述: 当用户点击 “Technical Specs”: localhost:3000/product-details/3/specs overview 和 specs 作为 product-details/:id的

  • Examples Basic custom server Express integration Hapi integration Koa integration Parameterized routing SSR caching 一般你使用next start命令来启动 next 服务,你还可以编写代码来自定义路由,如使用路由正则等。 当使用自定义服务文件,如下面例子所示叫 server.js