Как пробросить ref в компонент который выводится через map?

Question

[oskar barin]

Задача заключается в том что мне нижно реализовать скролл.
У меня есть массив данных я через map делаю вывод в компонентов.
Я хочу пробросить и просвоить его только одному елементу, по id.
К примеру у меня в цыкле есть елемент с id = 13, я хочу чтобы ref только к етому компоненту.

Answer 1

[HealSpirit]

Так?

import { FC, useRef } from "react";

const data: { id: number; name: string }[] = [
  {
    id: 1,
    name: "Первый"
  },
  {
    id: 13,
    name: "Тринадцатый"
  },
  {
    id: 20,
    name: "Двадцатый"
  }
];

const App: FC = () => {
  const divRef = useRef<HTMLDivElement>(null);

  console.log(divRef.current);

  return (
    <>
      {data.map((item) => (
        <div ref={item.id === 13 ? divRef : undefined} key={item.id}>
          {item.name}
        </div>
      ))}
    </>
  );
};

export default App;