当前位置: 首页 > 面试题库 >

react-router:运行不是函数

许波涛
2023-03-14
问题内容

Egghead教程的教学方法如下:

var React = require('react');
var Router = require('react-router');
var routes = require('./config/routes');

Router.run(routes, function(Root){
  React.render(<Root />, document.getElementById('app'));
});

但是我得到这个错误:

未捕获的TypeError:Router.run不是函数

注意:我已经更新react-router到最新版本。


问题答案:

自从React Router v1.0发布以来,该run方法已被删除,这些重大更改记录在升级指南中。您的代码将大致翻译为:

ReactDOM.render(<Router>{routes}</Router>, document.getElementById('app'))

https://github.com/rackt/react-
router/blob/832c42946c874fe56ffde0066b1088054311cb98/CHANGES.md



 类似资料:
  • 我想用反应路由器V6实现私有和公共路由,我已经尝试了StackOverflow上所有可用的解决方案,它似乎不起作用。这就是为什么我需要澄清。 当我登录时,我仍然可以手动导航到登录页面,它会呈现,而不是将我推送到仪表板页面。为什么??

  • 问题内容: 我正在尝试学习React,并且是Java的初学者。现在,我正在开发一个从Flickr的API提取数据的应用程序。问题是,当我尝试在Main.js组件中的props上使用map方法时,出现错误消息“ Uncaught TypeError:this.props.photos.map不是函数”。在此处在Stackoverflow上搜索后,我认为问题在于this.props是javascrip

  • React Router 一个用于 React.js 的路由解决方案(routing solution)。它轻松可以同步你的 app 和 URL,同时给嵌套,转换,和服务端渲染一流的支持。 特性: 嵌套视图映射到嵌套路由 模块化构建路由层级 同步和异步转移挂钩 转换中止/重定向/重试 动态 segments 查询参数 当 .active 类的路由活动时可以自动链接 Multiple root r

  • 问题内容: 我的React Native组件有问题。 在我得到一个错误 _this2.sayHi不是一个函数 。 在线搜索,但大多数帖子都不适合我的情况;我看了一下这篇文章但是我已经有了一个箭头功能,所以这不是上下文问题。 功能控制台可以在中正常记录日志。我试图在构造函数中绑定,但仍然收到错误。 问题答案: 在不同的上下文中执行回调,因此未正确绑定。根据文档: 句法 参量 […] 可选的。执行回调

  • 问题内容: 使用React-Native,我有一个自定义组件,它从TextInput扩展为: TextBox.js MyScene.js (导入TextBox.js) 当我构建应用程序并在聚焦时按键盘上的next时,我希望能聚焦,但会出现错误: 错误可能是什么?与范围有关吗?谢谢。 问题答案: 这是因为focus是TextInput的一种方法,并且在扩展版本中不存在。 您可以如下所示将焦点方法添加

  • 问题内容: 使用 withRouter() 时如何获取路由上下文,位置,参数等? 您可以使用withRouter获得该信息,还是必须将这些内容显式传递到组件树中? 问题答案: 因此,不再使用。在道具中都可以使用: 因此,假设您想将用户转到新路线,您只需