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

29 votes334 views3 answers
Creating react app using npx
Javascript React
0 vote365 views1 answer
React-scripts not found
Javascript React
0 vote363 views1 answer
Key being passed as prop react
Javascript React
0 vote350 views1 answer
How to take out text from array of strings in react
Javascript React
0 vote363 views1 answer
React-native-paper resize switch resize
Javascript React
24 votes369 views6 answers
Proptypes react
Javascript React
2 votes360 views2 answers
Export aab bundle react native android
Javascript React
32 votes328 views6 answers
Usestate react
Javascript React
0 vote363 views1 answer
React date component with word month
Javascript React
0 vote367 views1 answer
Making a react js website project ready for hosting
Javascript React