javascript - react 路由器链接未在上下文中接收路由器

标签 javascript reactjs react-router

我正在使用 React 和 react-router 创建单页 javascript 应用程序。每个页面都是它自己的组件。在一个页面上,我能够成功创建一个 Link 组件并且它按预期工作。在另一个页面上,我收到以下错误:

Warning: Failed Context Types: Required context `router` was not specified in `Link`.
Uncaught TypeError: Cannot read property 'makeHref' of undefined

这是我设置路由的文件:

http://pastebin.com/WBeN9BZw

这是链接起作用的组件(在 TeamRow 组件中):

http://pastebin.com/HjG2d43M

这是链接不起作用的组件(第 31 行):

http://pastebin.com/pWb7j8Mk

我记录了整个应用程序的上下文以检查它们,唯一不是空对象的时间是在 App 组件中。我在 TeamPage 组件中做错了什么导致我的链接不起作用?为什么 HomePage 组件中的上下文是空的,但链接有效?

最佳答案

尝试将您的要求更改为

// remove the react-router require
var {Link} = require('react-router');

// keep the react-router require    
var Link = ReactRouter.Link;

关于javascript - react 路由器链接未在上下文中接收路由器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30947518/

相关文章:

javascript - React Router browserHistory.push 在新标签页中打开链接

javascript - Bootstrap Accordion 阅读更多/更少

javascript - HTML 标签的 RegExp.test

javascript - redux-thunk 和 redux-promise 有什么区别?

javascript - React 在 prop 更新时重新渲染组件

javascript - 设置 react 路由器

javascript - WebdriverIO : press button, 移动鼠标然后释放?

javascript - 在 AngularJS 中的 View 之间保留 GoogleMaps map 对象

javascript - 在 IE11 中使用 immer

javascript - 根据状态更改按钮的类名无法正常工作