Function MenuItem

packages/react-aria/test/menu/useMenu.test.tsx:40–51

({item, state, onAction})

}

function MenuItem({item, state, onAction}) {
  // Get props for the menu item element
  let ref = React.useRef(null);
  let {menuItemProps, isSelected} = useMenuItem({key: item.key, onAction}, state, ref);

  return (
    <li {...menuItemProps} ref={ref}>
      {item.rendered}
      {isSelected && <span aria-hidden="true">✅</span>}
    </li>
  );
}

interface VirtualizedMenuItemProps<T> {
  item: {key: Key; rendered: React.ReactNode; index?: number};