Function Menu

packages/react-aria/test/menu/useMenu.test.tsx:23–38

(props: AriaMenuProps<T> & {onSelect: () => void})

import userEvent from '@testing-library/user-event';

function Menu<T extends object>(props: AriaMenuProps<T> & {onSelect: () => void}) {
  // Create menu state based on the incoming props
  let state = useTreeState(props);

  // Get props for the menu element
  let ref = React.useRef(null);
  let {menuProps} = useMenu(props, state, ref);

  return (
    <ul {...menuProps} ref={ref}>
      {[...state.collection].map(item => (
        <MenuItem key={item.key} item={item} state={state} onAction={props.onSelect} />
      ))}
    </ul>
  );
}

function MenuItem({item, state, onAction}) {
  // Get props for the menu item element