Array of refs react

import React, { useRef, useEffect } from 'react';
import ReactDOM from 'react-dom';

const words = ['Many', 'Words'];

const App = () => {
  const wordsRef = useRef([]);

  const displayWords = words.map((word, i) => (
    <React.Fragment key={i}>
      <span ref={el => (wordsRef.current = [...wordsRef.current, el])}>
        {word}
      </span>
    </React.Fragment>
  ));

  useEffect(() => {
    console.log(wordsRef);
    console.log(wordsRef.current[0].classList);
  });

  return <div>{displayWords}</div>;
};

ReactDOM.render(<App />, document.getElementById('root'));

Source: stackoverflow.com

Similar codes

11 votes138 views4 answers
React native text underline
Javascript React
0 vote172 views1 answer
React router nested routes active
Javascript React
0 vote134 views1 answer
React i18n with parameeter
Javascript React
4 votes136 views6 answers
Location of release apk in react native
Javascript React
123 votes272 views3 answers
Set interval react
Javascript React
23 votes130 views4 answers
How to copy to clipboard in react js
Javascript React
2 votes144 views4 answers
Date range picker react
Javascript React
1 vote92 views1 answer
Functions inside class component react
Javascript React
0 vote145 views1 answer
React native header height
Javascript React
0 vote132 views1 answer
React Spread Attributes conditionally
Javascript React