Reactjs Access class method outside the class but in same file

Question

I have this code and want to access a class method outside the class in AssetsMap array.

import OrientationEnum from "../enums/orientation_enum";
import * as gameconfig from "../gameconfig";
import GA from "./analytics";
import * as Raven from "raven-js";
import {getQueryString} from "./tools";

const AssetsMap = new Map([
    [AssetsEnum.background, 'common/background.jpg']
]);

class AssetsManager {

    constructor...

    getConfigValue(key, defaultValue) { ... }

}

if I try to access getConfigValue method inside map array somethings like this

[AssetsEnum.background, 'common/background'+this.getConfigValue()+'.jpg']

the console throws error that getConfigValue is not defined. How should I access the method?

Why don't you declare AssetsMap inside constructor?

atadnmz
– atadnmz

2020-02-20 10:25:36 +00:00
Commented Feb 20, 2020 at 10:25 — atadnmz
– atadnmz, Commented Feb 20, 2020 at 10:25

Chris · Accepted Answer · 2020-02-20 10:27:35Z

1

To be able to access a class method, you will need to have a reference to the class instance. E.g.

import OrientationEnum from "../enums/orientation_enum";
import * as gameconfig from "../gameconfig";
import GA from "./analytics";
import * as Raven from "raven-js";
import {getQueryString} from "./tools";

class AssetsManager {

    constructor...

    getConfigValue(key, defaultValue) { ... }

}

const manager = new AssetsManager();

const AssetsMap = new Map([
    [AssetsEnum.background, 'common/background' + manager.getConfigValue() + '.jpg']
]);

If the getConfigValue method doesn't use properties from the AssetsManager class, you could also make the method static. Then it will become possible to use this method without having an instance of the class.

import OrientationEnum from "../enums/orientation_enum";
import * as gameconfig from "../gameconfig";
import GA from "./analytics";
import * as Raven from "raven-js";
import {getQueryString} from "./tools";

const AssetsMap = new Map([
    [AssetsEnum.background, 'common/background' + AssetsManager.getConfigValue() + '.jpg']
]);

class AssetsManager {

    constructor...

    static getConfigValue(key, defaultValue) { ... }

}

answered Feb 20, 2020 at 10:27

Chris

6,6911 gold badge25 silver badges27 bronze badges

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

2 Comments

Lorem Ipsum Over a year ago

well i get AssetsManager is not a constructor error when trying to create an object with const manager = new AssetsManager();

Chris Over a year ago

Is AssetsManager defined or imported where you are instantiating the class?

nadunc · Accepted Answer · 2020-02-20 10:27:17Z

0

You can't access the getConfigValue() method outside the class with this keyword. Try putting your Map inside the class.

answered Feb 20, 2020 at 10:27

nadunc

7274 silver badges8 bronze badges

Collectives™ on Stack Overflow

Reactjs Access class method outside the class but in same file

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related