Как сделать массив из ref в react typescript?

Пользователь

от jett , в категории: JavaScript , 8 месяцев назад

Как сделать массив из ref в react typescript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от elda , 8 месяцев назад

@jett 

Чтобы создать массив из ref в React TypeScript, вы можете использовать React.RefObject<T>[], где T - это тип объекта, на который ссылается ref. Например, если вы хотите создать массив refs для элементов input, вы можете использовать следующий код:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
import React, { useRef } from 'react';

function MyComponent() {
  const refs = useRef<HTMLInputElement>([]);
  
  // ...

  return (
    <>
      <input ref={refs.current[0]} />
      <input ref={refs.current[1]} />
      <input ref={refs.current[2]} />
    </>
  );
}


В этом примере refs будет массивом из трех React.RefObject<HTMLInputElement>, каждый из которых может быть передан в ref соответствующего элемента input.