how to import Helper class in react

Question

I am creating a helper class in react. The image below shows my setup:

In my App.js, I have:

import  Helpers  from './Helpers.js'

I have also tried:

 import  Helpers  from './components/Helpers.js'
 import  Helpers  from 'src/components/Helpers.js'
 import  Helpers  from './components/Helpers.js'
 import  Helpers  from 'src/components/Helpers.js'
 import  {Helpers}  from './components/Helpers.js'
 import  {Helpers}  from 'src/components/Helpers.js'

and I have also tried, in my Helpers.js:

export default Helpers
export default Helpers();

However, I receive an error message:

'./Helpers.js' does not contain an export named 'Helpers'.

It seems as though App.js can not find and locate this class. How can I import it, so i can just call the functions, like:

Helpers.helperFunctionHere();

thanks.

harshpatel991 · Accepted Answer · 2017-07-29 02:02:05Z

2

Option 1: Export each function individually

In Helpers.js

export function helperFunctionHere() {
    console.log("hello there");
}

In App.js

import {helperFunctionHere} from "./Helpers";

render() {
    helperFunctionHere();
}

Option 2: Static properties on the class

In Helpers.js

class Helpers {
    static helperFunctionHere() {
        console.log("hi");
    } 
}
export default Helpers

In App.js

import Helpers from "./Helpers";

render() {
    Helpers.helperFunctionHere();
}

answered Jul 29, 2017 at 2:02

harshpatel991

4814 silver badges10 bronze badges

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

1 Comment

Tonmoy Nandy Over a year ago

Hi @harshpatel991, I use the exactly same code as you mention. But get error "Attempted import error: 'Helpers' is not exported from '../Helpers'." Can you help me plz

David Villarreal · Accepted Answer · 2017-07-29 02:00:46Z

0

Should be export default Helpers. Am also assuming that your bundler is setup correctly.

edited Jul 29, 2017 at 2:00

answered Jul 29, 2017 at 1:48

David Villarreal

2562 silver badges8 bronze badges

1 Comment

user5136425 Over a year ago

still receiving an error: ./src/components/App.js Module not found: Can't resolve './components/Helper.js' in '/Users/joey/testing/src/components'

Collectives™ on Stack Overflow

how to import Helper class in react

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related