小编Zum*_*uma的帖子

我正在构建一个具有react-native和react-navigation库的移动应用程序，用于管理我的应用程序中的导航。现在，我的应用看起来像这样：

App [SwitchNavigator]
    Splash [Screen]
    Auth [Screen]
    MainApp [StackNavigator]
        Home [Screen]            (/home)
        Profile [Screen]         (/profile)
        Notifications [Screen]   (/notifications)

我已经将“深层链接”与上述屏幕Home，Profile和的模式集成在一起Notifications，并且按预期工作。我面临的问题是使用深层链接时如何管理用户的身份验证。现在，无论何时打开深层链接（myapp://profile例如），无论我是否通过身份验证，该应用程序都会将我带到屏幕上。我想要它做的是先检查AsyncStorage是否有一个userToken，如果没有，或者它不再有效，然后在Auth屏幕上重定向。

我以与此处所述几乎完全相同的方式设置了身份验证流程。因此，当我的应用程序启动时，Splash屏幕会检查用户电话中是否存在有效令牌，然后将其发送到Auth屏幕或Home屏幕上。

我目前想出的唯一解决方案是将每个深层链接指向，对Splash用户进行身份验证，然后解析该链接以导航至正确的屏幕。例如，当用户打开时myapp://profile，我打开应用程序Splash，验证令牌，然后解析url（/profile），最后重定向到Auth或Profile。

这是这样做的好方法，还是反应导航提供了更好的方法？他们网站上的“ 深层链接”页面有点亮。

谢谢您的帮助 ！

我是Reactjs的新手，并且正在使用create-react-app入门，但是我不明白如何进行api调用来获取数据。这是我的代码：

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
// import { URL, KEY, city, countryCode } from './config.json';


const KEY = "d7ba7d7818dd3cec9ace78f9ad55722e";
const URL = "api.openweathermap.org/data/2.5";
const CITY = "Paris";

class App extends Component {
  constructor(props) {
    super(props);
    this.state = {
      data: {}
    };
  }

  componentDidMount() {
    var url = `${URL}/weather?q=${CITY}&APPID=${KEY}&units=metric`;
    console.log(url);
    fetch(url).then(
      response => response.json()
    ).then(
      json => {
        console.log(json);
        this.setState({data: json});
      }
    );
  }

  render() {
    return (
      <div className="App">
        <header className="App-header"> …