React-Router和Meteor在刷新时无法使用参数渲染路由

用户名

我目前正在使用的应用程序将流星与react和react-router结合使用以提供路由功能。我有一段代码可以接受路线的参数,并使用该ID渲染商品:

<Route path='/ItemView/:itemID' component={ItemView}/>

该代码可通过链接正常工作,该链接对路径中的项目ID进行编码并正确呈现。但是,从浏览器刷新或在浏览器中手动输入链接时,不会呈现任何内容。它给出以下错误:

"Exception from Tracker recompute function:" meteor.js:880:10
"TypeError: prevComponentInstance is null"

我应该如何处理呢?我是否设置不正确,还是应该避免让人们以某种​​方式刷新或重新加载链接的浏览器版本?对于非参数化链接也不会发生这种情况。在这种情况下,刷新可以正常工作而不会产生任何投诉。

我意识到我可以使用类似Picker的方法来创建服务器端路由,但我希望可以使用一些更简单的方法。

完整代码可在itemview分支上找到:

https://github.com/ClaaziX/foodshare/tree/itemview

谢谢。

道格拉斯·古伯特

我的应用程式遇到相同的问题。在搜索过程中,我偶然发现了流星论坛上的该主题:

https://forums.meteor.com/t/tracker-crashing-with-react-data-meteor/15287/2

正如答复正确指出的那样,发生错误是因为创建容器时我们的订阅尚未准备好,并且无法为组件的prop返回有效值。

返回空对象{}而不是nullundefined(如数据库查询可能的那样)应该可以解决问题

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

无法使用 switch 语句渲染路由 React router dom 5.0.0

来自分类Dev

无法使用React Router和React Bootstrap渲染组件

来自分类Dev

使用React Router和Redux Simple Router进行onEnter转换不会渲染新路由的组件

来自分类Dev

无法使用React Router渲染组件

来自分类Dev

React Router-无法渲染嵌套路由

来自分类Dev

路由无法使用React-Router加载

来自分类Dev

当使用路由渲染道具而不是路由组件道具时,如何访问 react-router-dom 4 中的 url args?

来自分类Dev

使用react-router和redux容器组件对路由参数进行线程化

来自分类Dev

渲染道具和React Router

来自分类Dev

React-Router-如何在onEnter中使用路由参数?

来自分类Dev

使用 React Router 渲染组件和 Redux 崩溃

来自分类Dev

无法使用React Router获得嵌套路由以进行匹配

来自分类Dev

React Router无法传递参数

来自分类Dev

无法在react-router-dom中仅渲染一条路由

来自分类Dev

在React Router中,使用浏览器历史记录推送时如何传递路由参数?

来自分类Dev

React Router,在参数后嵌套路由

来自分类Dev

React Router,在参数后嵌套路由

来自分类Dev

react-router-dom 中的第二个和后续路由没有被渲染?

来自分类Dev

React Router仅在刷新时显示组件

来自分类Dev

Redux + React-Router无法渲染

来自分类Dev

当使用React Router在ReactJS中渲染参数组件时,如何避免不必要地重新渲染HOC组件

来自分类Dev

无法使用服务器端渲染器访问DOM-react 0.14.1,react-dom 0.14.1和react-router 1.0.0-rc3

来自分类Dev

当在 React 中使用路由并路由无状态函数时没有渲染

来自分类Dev

react-router createElement和渲染失败

来自分类Dev

react-router 2.0无法路由

来自分类Dev

使用GoDaddy上托管的React应用刷新页面时,react-router抛出404

来自分类Dev

如何使用react-router-dom添加将渲染组件的路由?

来自分类Dev

使用React Router的多个参数

来自分类Dev

使用React Router的多个参数

Related 相关文章

  1. 1

    无法使用 switch 语句渲染路由 React router dom 5.0.0

  2. 2

    无法使用React Router和React Bootstrap渲染组件

  3. 3

    使用React Router和Redux Simple Router进行onEnter转换不会渲染新路由的组件

  4. 4

    无法使用React Router渲染组件

  5. 5

    React Router-无法渲染嵌套路由

  6. 6

    路由无法使用React-Router加载

  7. 7

    当使用路由渲染道具而不是路由组件道具时,如何访问 react-router-dom 4 中的 url args?

  8. 8

    使用react-router和redux容器组件对路由参数进行线程化

  9. 9

    渲染道具和React Router

  10. 10

    React-Router-如何在onEnter中使用路由参数?

  11. 11

    使用 React Router 渲染组件和 Redux 崩溃

  12. 12

    无法使用React Router获得嵌套路由以进行匹配

  13. 13

    React Router无法传递参数

  14. 14

    无法在react-router-dom中仅渲染一条路由

  15. 15

    在React Router中,使用浏览器历史记录推送时如何传递路由参数?

  16. 16

    React Router,在参数后嵌套路由

  17. 17

    React Router,在参数后嵌套路由

  18. 18

    react-router-dom 中的第二个和后续路由没有被渲染?

  19. 19

    React Router仅在刷新时显示组件

  20. 20

    Redux + React-Router无法渲染

  21. 21

    当使用React Router在ReactJS中渲染参数组件时,如何避免不必要地重新渲染HOC组件

  22. 22

    无法使用服务器端渲染器访问DOM-react 0.14.1,react-dom 0.14.1和react-router 1.0.0-rc3

  23. 23

    当在 React 中使用路由并路由无状态函数时没有渲染

  24. 24

    react-router createElement和渲染失败

  25. 25

    react-router 2.0无法路由

  26. 26

    使用GoDaddy上托管的React应用刷新页面时,react-router抛出404

  27. 27

    如何使用react-router-dom添加将渲染组件的路由?

  28. 28

    使用React Router的多个参数

  29. 29

    使用React Router的多个参数

热门标签

归档