[Solved]-How import object from external JS file in React JS using web pack-Reactjs

let's say the file you're keeping your data in is called "file.js."

var text = "hello world!"; //in file.js

below this line, you must export this variable so that it can be imported in the react code:

module.exports = {data: text} //in file.js

the string is stored as an object called "data." you then import the contents of "file.js" in the file you wish to use it, let's say app.jsx".

import file from './file.js'; //in app.jsx

the contents of the object you exported in the other file is being stored as the variable "file" here. you can then convert the contents of "file" to an object:

var str = file.data; //"data" is the object within "file"

your string, "hello world!", is now stored within the variable str.

hope this helps!

you need to export jobs from jobs.js in order to import it into another module. and jobs.js doesn't need to be a function if your just exporting static data. so, you can make jobs.js look like this:

export default {
    jobs: [
        {
            jobtype: "web developer",
            desc: "creates website"
        },
        {
            jobtype: "bin man",
            desc: "collects bins"
        }
    ]
};

then you can import it like so:

import jobs from './data/jobs.js';

or:

var jobs = require('./data/jobs.js').default;

if you want to require with normal commonjs syntax then you can make jobs.js like this:

module.exports = {
    jobs: [
        {
            jobtype: "web developer",
            desc: "creates website"
        },
        {
            jobtype: "bin man",
            desc: "collects bins"
        }
    ]
};

which allows you to require like so:

var jobs = require('./data/jobs.js');