How to access a function's object in another file in JS

Question

I have an arrow function that get exported and used in another file (I'm using React, but it doesn't matter). In my function I have an object with some properties. However I can't seem to access the object.

I tried 2 approaches:

1. Export in export:

I tried exporting inside an existing export, but that didn't work:

export const TextComponent = ({ text }) => {
    export const Props = {
        text: [text]
    }
    return <p>{Props.text}</p>
}

2. Trying to access it in another file without an export

like:

export const TextComponent = ({ text }) => {
    const Props = {
        text: [text]
    }
    return <p>{Props.text}</p>
}

//file 2

TextComponent.Props ...

None of these seem to work, is there a way to access this object from a function in another file?

Daniel Herrero Hernando · Accepted Answer · 2020-05-17 15:18:27Z

1

You may try to export the object and then inside your function you can perform the property assignment for that object. Something like this:

export const Props = {};
export const TextComponent = ({ text }) => {
    Props.text = [text]
    return <p>{Props.text}</p>
}

edited May 17, 2020 at 15:18

answered May 17, 2020 at 15:13

Daniel Herrero Hernando

3122 silver badges7 bronze badges

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

1 Comment

Daniel Herrero Hernando Over a year ago

You can do this in JS, however, it makes no sense, if you are working in a React environment you shouldn´t use Props this way

Collectives™ on Stack Overflow

How to access a function's object in another file in JS

1. Export in export:

2. Trying to access it in another file without an export

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1. Export in export:

2. Trying to access it in another file without an export

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related