问题标签 [react-router]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
334 浏览

reactjs - ReactJS 项目的 index.js 文件中的“exports”是什么意思?

我已经熟悉 ReactJS 和 CommonJS。我知道是什么意思,但是从ReactRouterexports库中查看这个 index.js文件,我不太明白在这种情况下的含义。exports

当我browserifyindex.js文件开始这个项目时,会exports在全局范围内定义结果吗?

我期待这样的事情:

但是,在 中index.js,有这样的:

如果我在exports.DefaultRoute其他任何地方找到了文件,但在index.js文件中,我会理解的。但由于我在任何地方都不需要 index.js,我怎么能参考DefaultRoute

这会在全球范围内吗?

0 投票
0 回答
949 浏览

reactjs - React-intl 和 react-router:格式相关问题

我正在使用 react-router (0.13) 和 react-intl (1.2.0)。我在路线上有这个:

这在应用程序中:

命令式调用 (this.formatRelative) 和组件对 formatRelative 的使用都失败了:“必须以字符串或 AST 的形式提供消息。”

我做错了什么?

0 投票
1 回答
1696 浏览

javascript - 使用 Express 路由 React Server 端

当使用服务器端渲染的 React 模板而不是React Router时,站点可以使用 Express 来处理路由吗?

我希望为我的组件和存储/操作使用类似于此示例的 Fluxxor。然后我打算使用 Express 路由器来处理页面路由服务器端,并在每个路由上将所需的组件渲染为字符串。在下面这个基本示例中,我的app.js是一个使用 Flux 的简单 todo 示例,但在生产中它可能是适合路由页面的顶级组件。eg/products将是一个产品组件,以及它的子组件。

这是我的基本 server.js 文件

如果有帮助,我的基本服务器端渲染方法就在这里。

所以正如我所说,是否可以使用 Express 进行路由,因为我发现 React Rouuter 非常复杂,而且在服务器上拥有路由似乎更容易,并在服务器端呈现每个页面及其组件.

除了在 Express 而不是 React Router 中处理路由的复杂性之外,我是否在这里失去了其他任何东西?因为我认为我可以处理这个问题,但是我想确保我没有通过仅使用 Express 根据不同的路由渲染到字符串来搞乱 React 的服务器端渲染点。

为了清楚起见,我对 React Router 旨在解决的问题没有意见,并且理解我将做一些类似于 React Router 概述中建议的事情,因为从长远来看是有问题的。

虽然像这样的一级共享 UI 很容易处理,但越深入越会增加复杂性。

我基本上假设我可以处理这种复杂性,无论这是否属实,我想我会及时发现。

0 投票
9 回答
236067 浏览

javascript - React-router:如何手动调用链接?

我是 ReactJS 和 React-Router 的新手。我有一个组件通过 props 接收<Link/>来自react-router的对象。每当用户单击此组件内的“下一步”按钮时,我都想<Link/>手动调用对象。

现在,我正在使用refs访问支持实例并手动单击<Link/>生成的“a”标签。

问题:有没有办法手动调用链接(例如this.props.next.go)?

这是我拥有的当前代码:

这是我想要的代码:

0 投票
0 回答
89 浏览

nginx - 如何将 URL 重写为 react-router

我在我的 reactjs 应用程序中使用 react-router,不喜欢它提供的 /#/ 前缀。我通过将其设置为使用 HTML 5 历史记录轻松删除了它,但现在重新加载它会向服务器发送特定 URL 的请求。我想将这些请求发送到 index.html 文件。我不想从后端处理这个。我在想 .htaccess 设置可能会起作用,但无法做到这一点。

任何和所有的帮助表示赞赏。

0 投票
1 回答
3823 浏览

reactjs - 反应路由器显示没有路由匹配路径即使存在路由

我正在尝试使用 react-router 为我的页面创建路由,但我总是收到以下错误

这就是我的代码的样子

这对我来说很有效,我发布它以防万一有人遇到同样的问题

还要在后端设置 url 路由。

0 投票
3 回答
27486 浏览

reactjs - How to get route name in handler using react-route?

As on subject how can I get the route name inside the handler? For example:

Now suppose I have a component like this:

how can I get the current route name? To be more specific I want to get the

attribute from

0 投票
0 回答
82 浏览

node.js - 服务器上的 React 组件

我一直在玩 React 有一段时间了,但仍然不知道如何将它与现有的 node/express/handlebars 应用程序集成。

例如,如果我有一个需要从 AWS 获取 json 数据的提要组件 - 我该如何处理。

0 投票
1 回答
5422 浏览

javascript - DefaultRoute 抛出“不能将类作为函数调用”

我正在使用带有 ES6 类的 react-router 并且它不断抛出错误

未捕获的类型错误:无法将类作为函数调用

它指的是默认路由的声明。大部分代码取自 react-router repo 中的示例,这就是为什么我想知道为什么它有问题。

0 投票
1 回答
6230 浏览

reactjs - 如何使用 react-router 将 this.state 和 this.props 传递给路由

我不知道如何从我的post路由和组件中的父 ReactJS 组件访问方法。使用react-router.

这是在 <RouteHandler {...this.state} />

中的方法/函数pushToPostList()将一个 post 对象添加到一个数组中,保存在this.state.myList.

试图让我的<Post />组件工作,所以它调用this.props.pushToPostList(newPost)更新 this.state.myList<App />

路由器是:

更多代码: