Component() — react Function Reference

Source Code

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-values.js lines 6–27

function Component({items}) {
  const record = useMemo(
    () =>
      Object.fromEntries(
        items.map(item => [
          item.id,
          {id: item.id, render: ref => <Stringify ref={ref} {...item} />},
        ])
      ),
    [items]
  );

  // Without a declaration for Object.entries(), this would be assumed to mutate
  // `record`, meaning existing memoization couldn't be preserved
  return (
    <div>
      {Object.values(record).map(({id, render}) => (
        <Stringify key={id} render={render} />
      ))}
    </div>
  );
}