javascript - 在 React index.html 中访问 Branch SDK 中的变量

Question

如果我将此 SDK 添加到我的 index.html 文件中，我将如何无法在其他组件中访问它。还有其他方法可以做到这一点吗？

  <script>
    // load Branch
      (function(b,r,a,n,c,h,_,s,d,k){if(!b[n]||!b[n]._q){for(;s<_.length;)c(h,_[s++]);d=r.createElement(a);d.async=1;d.src="https://cdn.branch.io/branch-latest.min.js";k=r.getElementsByTagName(a)[0];k.parentNode.insertBefore(d,k);b[n]=h}})(window,document,"script","branch",function(b,r){b[r]=function(){b._q.push([r,arguments])}},{_q:[],_v:1},"addListener applyCode autoAppIndex banner closeBanner closeJourney creditHistory credits data deepview deepviewCta first getCode init link logout redeem referrals removeListener sendSMS setBranchViewData setIdentity track validateCode trackCommerceEvent logEvent disableTracking".split(" "), 0);
    // init Branch
    branch.init('key_live_kaFuWw8WvY7yn1d9yYiP8gokwqjV0Swt');
  </script>

尝试在另一个组件中以这种方式访问​​它。

var options = { no_journeys: true };
branch.init('key_live_kaFuWw8WvY7yn1d9yYiP8gokwqjV0Swt', options, function(err, data) {
  console.log(err, data); 
});

Answer 1

使用npm包

https://github.com/BranchMetrics/web-branch-deep-linking#quick-install

npm i branch-sdk

然后:

import branch from 'branch-sdk'

branch.init(...)