如何传递通过useRef收集的数据，然后将其传递给不同的函数？

import React, { useRef } from 'react';

function MyComponent() {
  const dataRef = useRef();

  const handleButtonClick = () => {
    // 将dataRef.current作为参数传递给目标函数
    someFunction(dataRef.current);
  };

  return (
    <div>
      <input ref={dataRef} type="text" />
      <button onClick={handleButtonClick}>传递数据</button>
    </div>
  );
}

function someFunction(data) {
  // 在目标函数中使用传递的数据
  console.log(data);
}

import React, { useRef } from 'react';

function MyComponent() {
  const dataRef = useRef();

  const handleButtonClick = () => {
    // 调用回调函数，并将dataRef.current作为参数传递
    callbackFunction(dataRef.current);
  };

  return (
    <div>
      <input ref={dataRef} type="text" />
      <button onClick={handleButtonClick}>传递数据</button>
    </div>
  );
}

function callbackFunction(data) {
  // 在目标函数中使用传递的数据
  console.log(data);
}

import React, { useRef } from 'react';

let globalData;

function MyComponent() {
  const dataRef = useRef();

  const handleButtonClick = () => {
    // 将dataRef.current赋值给全局变量
    globalData = dataRef.current;
    // 调用目标函数
    targetFunction();
  };

  return (
    <div>
      <input ref={dataRef} type="text" />
      <button onClick={handleButtonClick}>传递数据</button>
    </div>
  );
}

function targetFunction() {
  // 在目标函数中使用全局变量
  console.log(globalData);
}