React Hooks docs: add an useContext example where state is updated within a functional component

The React Hooks docs has in the useContext section an example where state is updated within a class component. How is this done within a functional component?

I did this example https://codesandbox.io/s/3vxr57vm7q but I am wondering if it is possible with less DRY, especially in index.js, lines 10-18:

  const [count, setCount] = useState(0)

  return (
    <Context.Provider
      value={{
        count: count,
        setCount: setCount
      }}
    >

With just one state property and one setState function it's ok but imagine you have five of those pairs, then you must repeat every one three times (eg.: count in useState, as key and as property in <Context.Provider />).

Hence, an example would be great and if I did it the right way.

从 React Hooks 文档的 useContext 部分开始，并将其与链接的 CodeSandbox 进行比较，尤其是 index.js 的第 10-18 行。完成的标准是：该部分包含一个函数组件示例，展示如何更新 context state，并说明重复的 state 和 setter 属性是否可以简化。