有没有办法把useState钩值传递到函数体之外？

import React, { useState } from 'react';

const ParentComponent = () => {
  const [count, setCount] = useState(0);

  return (
    <div>
      <ChildComponent count={count} />
    </div>
  );
};

const ChildComponent = ({ count }) => {
  // 在函数体之外使用count的值
  console.log(count);
  return <div>{count}</div>;
};

export default ParentComponent;

import React, { useState, createContext, useContext } from 'react';

// 创建上下文对象
const CountContext = createContext();

const ParentComponent = () => {
  const [count, setCount] = useState(0);

  return (
    <div>
      {/* 提供上下文的组件 */}
      <CountContext.Provider value={count}>
        <ChildComponent />
      </CountContext.Provider>
    </div>
  );
};

const ChildComponent = () => {
  // 使用useContext获取上下文的值
  const count = useContext(CountContext);
  // 在函数体之外使用count的值
  console.log(count);

  return <div>{count}</div>;
};

export default ParentComponent;