如何在多个组件中更改相同的 state 并在所有组件中接受该值

Question

所以说如果有一个 function 组件并且它有一个变量 const [num,setNum] = 0 并且在它的返回语句中它只是 2 个正负号框。 我只是想知道如果用户单击正号，它会将您带到另一个文件中的 function addNum 我怎么能在另一个文件中执行 setNum(num+1) 这将是新值state。

Answer 1

你有两个选择：

1. 道具钻孔：将道具从父母传递给孩子
2. 全局 state：跨多个组件访问的 state

第一种方法是不言自明的。 第二种可以使用 Context或第三方库如Apollo 、 Mobx或Redux 来实现

如果您的项目不大，那么您可能不需要第三方库，并且 react-context 对您来说已经足够了。