在发送到Web视图的react js应用中获取标头值

Question

我正在使用一个应用程序，其中使用ReactJs构建管理面板并且使用React native构建应用程序，除了需要通过react native应用程序在webview中打开的管理页面上的身份验证之外，两者都可以正常工作。

此应用程序是一个客户管理系统，每个客户都有一个qr代码，android应用程序扫描qr代码并在webview中打开该客户的网址，以打开webview我正在使用下面的代码

<View style={styles.container}>
  <WebView
    bounces={false}
    scalesPageToFit={true}
    ref={webView => (this.webView = webView)}
    javaScriptEnabled={true}
    domStorageEnabled={true}
    allowUniversalAccessFromFileURLs={true}
    source={{
      uri: webUrl,
      headers: {
        "x-auth-token": UserSession.getToken()
      },
      method: "GET"
    }}
  />
</View>

上面的代码打开了管理面板，但是在登录页面上，我试图在react app中收集传递的令牌，并将其作为api请求标头发送，以进行身份​​验证，但是如果没有xmlhttprequest，就无法收集标头。

有没有一种方法可以从标头中获取令牌值并使用它？