Javascript ChargeBee收银台&x2B；反应：错误

我正在尝试将入住结账添加到react SPA，如下所示。在呈现视图的其余部分之后，我将动态添加

chargebee.js

，然后调用

registerAgain（）

---

触发DOMContentLoaded事件时将创建Chargebee实例。因为您是异步加载它，所以不会创建实例。因此，您可以使用Chargebee.init（）创建实例

---

触发DOMContentLoaded事件时将创建Chargebee实例。因为您是异步加载它，所以不会创建实例。因此，您可以使用Chargebee.init（）创建实例

componentDidMount() {
    const el = document.createElement('script');
    el.onload = () => {
        window.Chargebee.registerAgain();
        // this.setState({ chargebeeReady: true });
    };
    el.setAttribute('data-cb-site', 'derp-test');
    el.setAttribute('src', 'https://js.chargebee.com/v2/chargebee.js');
    document.body.appendChild(el);
}

render() {
    // [...]
    <a
        href="javascript:void(0)"
        data-cb-type="checkout"
        data-cb-plan-id="asdf-test"
    >
        Subscribe
    </a>
    // [...]
}

Uncaught TypeError: Cannot read property 'getCart' of null
    at t.a (event-binding.ts:24)
    at Function.value (chargebee.ts:46)
    at HTMLScriptElement.el.onload (Subscribe.js:23)

componentDidMount() {
    const el = document.createElement('script');
    el.onload = () => {
      window.Chargebee.init({
        "site": "derp-test"
      });
      window.Chargebee.registerAgain();
      // this.setState({ chargebeeReady: true });
    };
    el.setAttribute('src', 'https://js.chargebee.com/v2/chargebee.js');
    document.body.appendChild(el);
}