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

react useMemo to render a list

Suraj Sharma answered on April 28, 2022 Popularity 3/10 Helpfulness 4/10

answer react useMemo to render a list

react useMemo to render a list

Comment

import { useMemo } from 'react';

export default function App() {
  const list = [
    { key: 1, value: 10 },
    { key: 2, value: 20 },
    { key: 3, value: 30 }
  ];

  const renderedList = useMemo(() => (
    list.map(({ key, value }) => (
        <div key={key}>
            {value}
        </div>
    ))
  ), [list]);

  return (
    <div>
        {renderedList}
    </div>
  );
}
COPY

Popularity 3/10 Helpfulness 4/10 Language javascript

Source: www.amitmerchant.com

Tags: javascript list react-usememo render

Link to this answer
Share Copy Link