React Native: Run method between two separate class

Question

How to run method between two separate class in React Native.

for example:

first class

export default class Test1 extends Component {

    testMethod(){
        // ...
    }

    render() {
        ...
    }
}

and in second class

export default class Test2 extends Component {

    componentWillMount(){
        Test1.testMethod();
    }

    render() {
    ...
    }
}

Check this one https://stackoverflow.com/questions/29879267/es6-class-multiple-inheritance — Aravind S, Jul 25 '18 at 10:46

score 2 · Accepted Answer · answered Jul 25 '18 at 10:50

Your testMethod should be outside the class like following

export const testMethod = () => {
        // ...
}

export default class Test1 extends Component {

    render() {
        ...
    }
}

If you wanted to modify object properties of class Test1, you can pass them as parameters of testMethod() and changes will be repercuted

score 0 · Answer 2 · answered Jul 26 '18 at 09:40

Here is a simple way of doing it...

export default class CommonDataManager {

    static myInstance = null;

    _userID = "";


    /**
     * @returns {CommonDataManager}
     */
    static getInstance() {
        if (CommonDataManager.myInstance == null) {
            CommonDataManager.myInstance = new CommonDataManager();
        }

        return this.myInstance;
    }

    getUserID() {
        return this._userID;
    }

    setUserID(id) {
        this._userID = id;
    }
}

And here is how to use it...

import CommonDataManager from './CommonDataManager';


// When storing data.
let commonData = CommonDataManager.getInstance();
commonData.setUserID("User1");


// When retrieving stored data.
let commonData = CommonDataManager.getInstance();
let userId = commonData.getUserID();
console.log(userId);

Hope this works out for you :)

React Native: Run method between two separate class

2 Answers2