Access global javascript variables using react

Question

I have a JavaScript file and want to use it in an React Component. The Script looks following:

function XMLtoJSON() {
    ....
} 
var xml2json = new XMLtoJSON();

And an d.ts File with

interface XMLtoJSON {
    ...
}
declare var xml2json: XMLtoJSON;

I tried to use import './xml2json.js' and the js-code is included in the generated js file, but the part that creates the variable xml2json is not executed.

I recive following error in the browser console 'xml2json' is undefined

If it should be important, I use typescript and .tsx-files.
The Project was created with create-react-app MyProject --scripts-version=react-scripts-ts

xml2json.js should export something in order to be used as import — Vinod Louis
– Vinod Louis, Commented Apr 12, 2017 at 11:12

A. L · Accepted Answer · 2017-04-13 10:35:39Z

1

Not too familiar with typescript for react but your exporting file should look something like this:

function XMLtoJSON() {
    ....
} 
var xml2json = new XMLtoJSON();
export xml2json;

and the importing file should have this somewhere in the file:

import { xml2json } from './xml2json';

edited Apr 13, 2017 at 10:35

answered Apr 12, 2017 at 11:42

A. L

12.7k29 gold badges100 silver badges179 bronze badges

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

2 Comments

lokimidgard Over a year ago

adding exprt did nont helped somehow. I now rewritten the code as an typescript class which I exported.

A. L Over a year ago

ah I forgot it doesn't need .js at the end.

Collectives™ on Stack Overflow

Access global javascript variables using react

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related