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 vote174 views1 answer
Inline style to change background color react
Javascript React
0 vote191 views1 answer
Backgroundcolor react
Javascript React
0 vote176 views1 answer
How to clear text ibput after message sent react native
Javascript React
144 votes782 views6 answers
How to install react js
Javascript React
1 vote200 views1 answer
Add value to state array react native dispatch
Javascript React
1 vote185 views1 answer
Get value of input element on button click react
Javascript React
1 vote198 views3 answers
Bash: react-scripts: command not found
Javascript React
5 votes176 views2 answers
TypeError: t is not a function React
Javascript React
1 vote167 views1 answer
React connect production
Javascript React
0 vote192 views1 answer
React native generate app hash without play console
Javascript React