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 vote198 views1 answer
How to add react.memo in export list
Javascript React
66 votes200 views4 answers
How to redirect to a website in react
Javascript React
-2 votes224 views1 answer
You are running Node 8.10.0. Create React App requires Node 10 or higher. Please update your version of Node.
Javascript React
0 vote216 views1 answer
Network display react native
Javascript React
0 vote256 views1 answer
OAuth with axios react native
Javascript React
0 vote225 views1 answer
Prevent double tap in react native
Javascript React
0 vote211 views2 answers
Onclick toggle class react
Javascript React
31 votes217 views1 answer
Install react router dom and save
Javascript React
0 vote207 views1 answer
Run react android
Javascript React
1 vote222 views1 answer
How to redirect in ionic react
Javascript React