How to call a function from imported class?

Question

I want to call a function from an imported class. This is my code

import test from '../test'
test.showMessage();  // This is not working

this is the content of the test component

export default class test {
showMessage(){
alert('Some text');
}
}

I get an error telling me that showMessage is not a function. How can I solve this?

Himanshu Dwivedi · Accepted Answer · 2018-01-08 13:37:39Z

1

You have to make showMessage() static :

export default class test {
  static showMessage(){
    alert('Some text');
  }
}

Let me know if this worked for you.

answered Jan 8, 2018 at 13:37

Himanshu Dwivedi

8,1844 gold badges33 silver badges57 bronze badges

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

Comments

Joao Sardinha · Accepted Answer · 2018-01-08 14:35:23Z

0

You can either make the method static like @Himanshu suggested, or you can initiate an instance of your class:

import test from '../test'
const myTest = new test()

myTest.showMessage();  // This works

answered Jan 8, 2018 at 14:35

Joao Sardinha

3,4536 gold badges30 silver badges60 bronze badges