() => { const ref = React.useRef(null); const anchorRef = React.useRef(null); return ( <> <Button onClick={() => { ref.current.toggle(); }} aria-haspopup="true" aria-controls="dropdown1" appearance="outline" ref={anchorRef} > Menu </Button> <Dropdown ref={ref} anchorRef={anchorRef} id="dropdown1" placement={props.placement}> <DropdownItem title="Item 1" /> <DropdownItem title="Item 2" iconRight={<Icon name="chevron-forward" color="greenBase" />} /> <DropdownItem title="Item 3 - link" href="#" as="a" /> </Dropdown> </> ); }