Skip to main content
Journey Uncommon Logo
JourneyUncommon
mediumReactReact.memo bailoutSingle-choice MCQ

You want a child component to skip re-rendering, so you wrap it in React.memo. The child takes a single prop `items` (an array) plus a `children` prop containing JSX passed from the parent. The parent re-renders. Even with a stable `items`, the child still re-renders. What is the most likely cause?

const Panel = React.memo(({ items, children }) => <div>{children}</div>); function Parent({ items }) { return <Panel items={items}><Row /></Panel>; }