首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >响应路由器本机错误,意外令牌

响应路由器本机错误,意外令牌
EN

Stack Overflow用户
提问于 2020-07-14 14:36:43
回答 1查看 443关注 0票数 0
代码语言:javascript
复制
import { StatusBar } from "expo-status-bar";
import React from "react";
import { StyleSheet, Text, View } from "react-native";
import Login from "./components/Login";
import Home from "./components/Home";
import { NativeRouter, Switch, Route, Link } from "react-router-native";
im;
export default class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      user: {},
    };
  }
  componentDidMount() {
    this.authListener();
  }
  authListener() {
    fire.auth().onAuthStateChanged((user) => {
      if (user) {
        this.setState({ user });
      } else {
        this.setState({ user: null });
      }
    });
  }
  render() {
    return (
      <NativeRouter>
        <View style={styles.container}>
          <Switch>
            <Route exact path="/">
              {this.state.user ? <h1><Home/></h1> : <h1><Login/></h1>}
            </Route>
          </Switch>
        </View>
      </NativeRouter>
    );
  }
}

**在上面的代码中,我使用的是firebase身份验证。如果用户登录,我需要将应用程序路由到app组件,将应用程序路由到Login组件。我使用了作为npm包的react路由器-本机程序包在这里进行路由。但是我收到了错误,因为"D:/csearch-client/csearch-client/node_modules/react-router-native/NativeRouter.js 11:9模块解析失败:意外令牌(11:9)您可能需要一个适当的加载程序来处理这个文件类型,目前还没有配置加载程序来处理这个文件。

返回;\x}\x}“**

EN

回答 1

Stack Overflow用户

发布于 2020-07-14 14:42:20

再见,我想你可以这样做:

代码语言:javascript
复制
      import Login from 'path/to/Login';
      import Home from 'path/to/Home';
      ...
      <Switch>
        <NativeRouter exact path="/" component={this.state.user ? Home : Login}>
        </NativeRouter>
      </Switch>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/62897639

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档