如何将一个useRef用于多个元素？或者如何使用useRef来实现类似的行为？

import React, { useRef } from 'react';

function ExampleComponent() {
  const element1Ref = useRef(null);
  const element2Ref = useRef(null);
  const element3Ref = useRef(null);

  const handleClick = () => {
    console.log(element1Ref.current); // 访问元素1的引用
    console.log(element2Ref.current); // 访问元素2的引用
    console.log(element3Ref.current); // 访问元素3的引用
  };

  return (
    <div>
      <div ref={element1Ref}>元素1</div>
      <div ref={element2Ref}>元素2</div>
      <div ref={element3Ref}>元素3</div>
      <button onClick={handleClick}>点击</button>
    </div>
  );
}

import React, { useRef, useState } from 'react';

function ExampleComponent() {
  const inputRef = useRef(null);
  const [value, setValue] = useState('');

  const handleChange = () => {
    setValue(inputRef.current.value);
  };

  return (
    <div>
      <input ref={inputRef} onChange={handleChange} />
      <p>输入的值为：{value}</p>
    </div>
  );
}