Not able to inject external JavaScript library to React program

Question

My use case is to integrate headwayapp.co to my React application.

I am trying to inject js via react component

The code of headwayapp is as follows to inject

<script src="//cdn.headwayapp.co/widget.js"></script>
<script>
  var config = {
    selector: ".CHANGE_THIS",
    account: "ACCOUNT_ID"
  };
  Headway.init(config);
</script>

Though I tried multiples way to inject code into the react.

In most cases I am not able to understand how to handle the line

Headway.init(config);

as react is not able to understand what is Headway variable ?

The component that contains that selector needs to mount before you intialize — charlietfl
– charlietfl, Commented Aug 24, 2019 at 21:29

henk · Accepted Answer · 2019-08-24 22:16:40Z

1

To inject that code into your react app, you could simply place those script tags in your index.html file of your react app. Then you will be able to access the Headway variable in any of your react components like so: window.Headway

So basically, the code from http://cdn.headwayapp.co/widget.js will be loaded into your app at the place, where you put your script tags. That code is declaring Headway as a global variable, and global variables are living in the window object of your app. It does not matter if it is a react app or not.

answered Aug 24, 2019 at 22:16

henk

2,8683 gold badges24 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Not able to inject external JavaScript library to React program

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related