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 屬性是否可以簡化。