Question

我的功能组件中有很多方法，我想将其放置在单独的文件中，这些方法使用功能组件的状态，并且应该能够设置状态。下面的示例：

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

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

}

Answer 1

您可以将setState函数作为参数传递给其他文件中的函数，尽管除非有充分的理由将分隔组件的状态逻辑分隔为脚本文件并没有实际意义。

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

   foo(setState)
 })
}

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

}

是否可以在外部功能（另一个文件）中修改反应功能组件的状态？

1 个答案: