How to access a variable defined in a react component from another js file?

Question

I have a react component like follows:

class App extends React.Component {
   constructor(props) {
       super(props);
       this.name = "Rajkiran";
    }
}

I have a utils file like below

export fun1() {
    //I want to access the "name"  value defined in App.js here
}
export fun2() {

}

You should pass it in as an argument fun1(this.name). There's ways to get around it, but if your function depends on it, its a good practice to make that clear by requiring it as a parameter. — Brian Thompson
– Brian Thompson, Commented Jan 16, 2020 at 14:59
Hi @MaksimTikhonov, Could you please explain a little bit more clearly? using the above sample code please. — Dr. Rajkiran Jogu
– Dr. Rajkiran Jogu, Commented Jan 16, 2020 at 14:59
You could make it a static property, then it would be App.name — Matt Sugden
– Matt Sugden, Commented Jan 16, 2020 at 15:10

Alexander · Accepted Answer · 2020-01-16 15:01:14Z

1

You can add the name to the function argument. And when you call the fun1 pass this.name to function.

export fun1(name){
    //I want to access the "name"  value defined in App.js here
}

// somewhere in App.js
fun1(this.name)

answered Jan 16, 2020 at 15:01

Alexander

1,4408 silver badges12 bronze badges

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

1 Comment

@Dr.RajkiranJogu can you show this file, where call function?