CODEWITHSUNDEEP
reactjs
Siddharth
Siddharth

Reputation: 141

Is it possible to modify the state of a react functional component in an external function(Another file)?

I have a lot of methods in my functional component which i would like to place in separate files,these methods use the state of the functional component and it should be able to set the states.Example below:

export default functional_component(){
   const [state, setState] = React.useState({
        //state variables
})
}

//another file.js
const foo = () =>{
          setState();

}

Upvotes: 0

Views: 178

Answers (1)

Çağatay Sel
Çağatay Sel

Reputation: 810

You can pass setState function as parameter to your functions in other files though it does not really make sense to seperate state logic of component to seperate script files unless you have a very good reason to do it.

export default functional_component(){
 const [state, setState] = React.useState({
    //state variables

   foo(setState)
 })
}

//another file.js
const foo = (setState) =>{
      setState();

}

Upvotes: 1

Related Questions