3

In an html page you can include a javascript file by <script src="path"></script> How do you get variables from an external path like this in react, if the path is, for example: <script src="https://unpkg.com/flux-sdk-helpers@0.1/dist/flux-sdk-helpers.min.js"></script>

Thanks for all your help

amaclean
  • 69
  • 1
  • 6

3 Answers3

2

Scripts loaded in that fashion normally install themselves as global variables and/or properties of some other global library.

According to the docs, flux-sdk-helpers installs itself as a global variable FluxHelpers when you install it this way.

This means your React code can access it as either FluxHelpers or window.FluxHelpers.

Brandon
  • 38,310
  • 8
  • 82
  • 87
  • So, just to wrap my head around it, I include the file in the head in index.html and then do I have to 'import FluxHelpers from '...'; or anything? It gives me errors otherwise – amaclean May 15 '17 at 22:15
  • 2
    if you include it as a script tag, then you do not need to import it. Just use the variables. However, you may have eslint or compiler settings that will generate an error on unknown variables and since it doesn't know about your script tag, it will throw an error at compile time. Using `window.FluxHelpers` will "fool" the compiler into working. If it is an eslint error, you can add the variables to the list of globals in eslintrc. Really for this library, its better to use `npm install` and then import it. The FluxHelper documentation shows how to do that. – Brandon May 15 '17 at 22:18
1

you can link it in your index.html file just be careful about what you call things when you are doing it as to not re use names in different places

andy wilson
  • 920
  • 5
  • 16
  • 38
-1

if you are using react, then you probably should also learn about webpack.

if you will use webpack, then you can import { method} from "package" most scripts you got from NPM (node package manager) very easily.

Lojka
  • 167
  • 8