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

1 vote121 views2 answers
How to get window size in react js
Javascript React
4 votes165 views3 answers
Add google map in react js
Javascript React
1 vote103 views1 answer
React transition group
Javascript React
0 vote115 views1 answer
React native listview date separator site:stackoverflow.com
Javascript React
0 vote110 views1 answer
OnClick={ (window.open react js
Javascript React
0 vote105 views1 answer
React i18n with parameeter
Javascript React
3 votes115 views1 answer
Could not resolve dependency: npm ERR! peer react@"^16.0.0" from [email protected]
Javascript React
1 vote121 views2 answers
Autofocus react
Javascript React
0 vote143 views2 answers
How to use react typed js
Javascript React
68 votes111 views3 answers
React add inline styles in react
Javascript React