How to call function from another file in reactjs

Question

I have this function in a javascript-file:

//utils/commons.js

export function funcName() {
    return 1;
}

In a component I refer to it this way:

import React from 'react';
const funcName  = import('../../utils/commons');

const MyComponent = () => {
    let res = funcName();
    console.log('res:',res);

    return(
        <> 
        <div>
            hello
        </div>   
    )};
export default MyComponent;

This seems to be the right way when googling this matter. However, in the console I see:

Uncaught TypeError: funcName is not a function

If I would write a console.log inside the common.js-file (somewhere outside the function) then it is printed. So the file is getting included. But the function is not recognized for some reason.

VersifiXion · Accepted Answer · 2020-12-11 13:10:10Z

1

You can try to edit this :

const funcName  = import('../../utils/commons');

to this :

import { funcName } from '../../utils/commons';

answered Dec 11, 2020 at 13:10

VersifiXion

2,2927 gold badges29 silver badges43 bronze badges

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

1 Comment

oderfla Over a year ago

it does thank you, will accept it as soon as they let me do it

Collectives™ on Stack Overflow

How to call function from another file in reactjs

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related