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

0 vote373 views1 answer
Add clickable link to image in react native
Javascript React
0 vote351 views1 answer
Usb react native device not found
Javascript React
1 vote382 views1 answer
Disable split screen react native
Javascript React
0 vote400 views1 answer
React.common.JavascriptException: Error: invalid host
Javascript React
0 vote346 views1 answer
How to filter items in react state
Javascript React
1 vote359 views1 answer
Column width table react
Javascript React
3 votes333 views3 answers
Update create react app
Javascript React
0 vote372 views1 answer
Reactjs change fill color .svg
Javascript React
10 votes357 views1 answer
Device height react native
Javascript React
4 votes371 views1 answer
Import img react in another file
Javascript React