Breaking News: Grepper is joining You.com. Read the official announcement!

generate dynamic refenreces in react js map

Usama Javed answered on January 13, 2023 Popularity 1/10 Helpfulness 1/10

answer generate dynamic refenreces in react js map

generate dynamic refenreces in react js map

Comment

const lineRefs = React.useRef([]);

lineRefs.current = menu.menu.map((_, i) => lineRefs.current[i] ?? createRef());
later when mapping UI, attach the react ref stored in lineRefs at index i

{menu.menu.map((D, i) => {
  return (
    <li
      key={D.id}
      ref={lineRefs.current[i]} // <-- attach stored ref
      {D.label}
    </li>
  );
})}

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: dynamic generate javascript map

Link to this answer
Share Copy Link

Contributed on Jan 13 2023

Usama Javed

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

generate dynamic refenreces in react js map

Contents

More Related Answers

generate dynamic refenreces in react js map

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.