如何使createRef/useRef不以最后一个值为目标。而是去它应该去的地方

const listItems = items.map((item, index) => (
  <li key={item.id} ref={el => (listItemRefs.current[index] = el)}>
    {item.text}
  </li>
));

const listItems = items.map((item, index) => (
  <li key={item.id} ref={el => (listItemRefs.current[index] = el)}>
    {item.text}
  </li>
));

import React, { useRef } from 'react';

function ListComponent({ items }) {
  const listItemRefs = useRef([]);

  return (
    <ul>
      {items.map((item, index) => (
        <li key={item.id} ref={el => (listItemRefs.current[index] = el)}>
          {item.text}
        </li>
      ))}
    </ul>
  );
}

export default ListComponent;