我正在试图找出如何使用React插入React路由器 VR </跨度> 。
首先,我应该使用react-router dom / native吗?自React以来,目前尚不清楚 VR </跨度> 构建在React Native之上,但在浏览器中运行 。
这是我遇到问题的代码。
从’react’导入React;
从’反应 - 导入{AppRegistry} VR </跨度> “;
import { BrowserRouter作为路由器, 路线来自’react-router-dom’
进口着陆
React Router的作者Ryan Florence解释了他是如何做到的: https://twitter.com/ryanflorence/status/808890440929771520
我不知道有一个图书馆。
React-VR不使用其他应用程序的常规历史API。内存路由器是上面列出的选项,但我建议使用条件渲染。
您可以使用Native Modules中的History API来将信息加载到URL中。
我带来了这个基于Ryan Florence视频的解决方案 remydib 使用react-router 4.1.2。
在主应用程序组件中:
import { MemoryRouter, Redirect, Route, Switch } from 'react-router'; ... <MemoryRouter> ... </MemoryRouter>
在使用VrButton的组件中:
export class NavBtn extends React.Component { static contextTypes = { router: React.PropTypes.object.isRequired, }; render() { const { to } = this.props; const onClick = () => this.context.router.history.push(to); return ( <VrButton onClick={onClick}> ... </VrButton> ); } }
有 反应路由器-VR 在npm中打包,但它看起来只是占位符。遗憾的是,此刻不支持浏览器URL。