Javascript 使用Reactjs在客户端通过CIVIC登录_Javascript_Reactjs_Api

Javascript 使用Reactjs在客户端通过CIVIC登录

javascript reactjs api

Javascript 使用Reactjs在客户端通过CIVIC登录,javascript,reactjs,api,Javascript,Reactjs,Api,我需要使用Reactjs通过CIVIC创建一个登录，看起来，我无法访问CIVIC全局变量，我正在跟踪文档，知道我可能做错了什么。我将脚本链接移动到html正文的顶部，再移动到底部，得到了相同的错误消息。谢谢我得到这个错误“第4行：'公民'未定义无未定义” /public/index.html 反应应用程序 /CivicLogin.js 从“React”导入React； const CivicLogin=（）=>{ var civicSip=new civic.sip（{appId:'myAp

我需要使用Reactjs通过CIVIC创建一个登录，看起来，我无法访问CIVIC全局变量，我正在跟踪文档，知道我可能做错了什么。我将脚本链接移动到html正文的顶部，再移动到底部，得到了相同的错误消息。谢谢

我得到这个错误“第4行：'公民'未定义无未定义”

/public/index.html
反应应用程序

/CivicLogin.js
从“React”导入React；
const CivicLogin=（）=>{
var civicSip=new civic.sip（{appId:'myAppID'}）；
返回(
使用思域登录
);
}
导出默认CivicLogin；

我只是将window添加到civic.sip中，这样就可以从window对象中读取全局变量，在这里找到它

/CivicLogin.js
从“React”导入React；
const CivicLogin=（）=>{
var civicSip=newwindow.civic.sip（{appId:'myAppID'}）；
返回(
使用思域登录
);
}
导出默认CivicLogin；

我只是将window添加到civic.sip中，这样就可以从window对象中读取全局变量，在这里找到它

/CivicLogin.js
从“React”导入React；
const CivicLogin=（）=>{
var civicSip=newwindow.civic.sip（{appId:'myAppID'}）；
返回(
使用思域登录
);
}
导出默认CivicLogin；

/public/index.html

<html lang="en">
  <head>
    <meta charset="utf-8" />
    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />
    <meta name="theme-color" content="#000000" />
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
    <title>React App</title>

    <link rel="stylesheet" href="https://hosted-sip.civic.com/css/civic-modal.min.css">
    <script src="https://hosted-sip.civic.com/js/civic.sip.min.js">
    </script>
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>

/CivicLogin.js

import React from 'react';

const CivicLogin = () => {  
  var civicSip = new civic.sip({ appId: 'myAppID' });

  return (
    <button id="signupButton" class="civic-button-a medium" type="button">
      <span>Log in with Civic</span>
    </button>

  );
}


export default CivicLogin;

/CivicLogin.js

import React from 'react';

const CivicLogin = () => {  
  var civicSip = new window.civic.sip({ appId: 'myAppID' });

  return (
    <button id="signupButton" class="civic-button-a medium" type="button">
      <span>Log in with Civic</span>
    </button>

  );
}


export default CivicLogin;