不用Recoil的话，如何自己制作一个 Custom hook 来共享全域变数？

需求

在早前几篇文章，我们介绍了 Recoil 这个 library 来在整个 App 分享全域变数给所有元件使用。

// React hook
const [count, setCount] = useState(initialCountState)
// Recoil
const [count, setCount] = useRecoilState(countState)
// custom hook
const [count, setCount] = useMyCustomHook()

解决方案

这是一个混合应用，思考看看我们需要哪些技术可以使用

首先，回想到之前的 React hook ，如何获取全域变数，我们有提到 useContext ，可参考之前 实现跨元件资料共享， useContext。

1. useContext [因为要跨元件共享]
2. useState [要能 read / write 一组状态 （count, setCount）]
3. custom hook...?

何谓 custom hook

可以参考
1.【React.js入门 - 24】 Custom hook - 给我另一个超推React hook的理由
2..【Day.25】React进阶 - Custom hook | 把React API模组化吧!
3.[Day 25 - 即时天气] 自己的钩子自己做 - 建立 Custom Hook

接着让我们一起来解决这个需求吧!!!