react-router在react-vr中的应用

19 篇文章 0 订阅
1 篇文章 0 订阅

react vr中文网:www.vr-react.com

react vr的导航一直很少有人去做,场景的切换一般都采用简单的state管理,也就是点击vrbutton改变state的值,切换新的场景,同时我们也可以用react上的路由来进行路由的导航,此处介绍react-router在react-vr中的应用。
react-router在react-vr中的应用:https://github.com/LiuC520/react-vr-router
image

   #### 直接在项目中安装react-router,

npm install –save react-router

#### 然后在你的文件中引用:

import { MemoryRouter as Router, Redirect, Route, Switch } from ‘react-router’;

然后:
import React,{Component} from 'react';
import {
  AppRegistry,
  asset,
  Pano,
  Text,
  View,
} from 'react-vr';
import { MemoryRouter as Router, Redirect, Route, Switch } from 'react-router';
import TS1 from './src/test'
import TS2 from './src/test_1'

class Example extends Component{
  render(){
    return(
      <Router>
        <View>
          <Route exact path='/' component={TS1}/>
          <Route exact path='/test_1' component={TS2}/>
          <Route exact path='/test' component={TS1}/>
        </View>
      </Router>
    )
  }
}

AppRegistry.registerComponent('Example', () => Example);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值