听起来您对 Package 器组件的理解是正确的。但是，我建议将您想要执行的函数传递给popover，并在那里的useEffect中运行它。
下面是这个想法（基于Headless UI网站的一个例子）：

import { useEffect } from 'react'
import { Popover } from '@headlessui/react'
import { ChevronRightIcon } from '@heroicons/react/solid'

function PopoverContent({ open, func }) {
  useEffect(() => {
    if (open) {
      func()
    }
  }, [ open ])

  return (
    <>
       <Popover.Button>
         <span>Solutions</span>
         <ChevronRightIcon
           className={`${open ? 'transform rotate-90' : ''}`}
         />
       </Popover.Button>

       <Popover.Panel>{/* ... */}</Popover.Panel>
    </>
  )
}
  

function MyPopover() {
  const functionToExecuteOnOpen = () => {
     // do something
  }

  return (
    <Popover>
      {({ open }) => (
        <PopoverContent
          open={open}
          func={functionToExecuteOnOpen}
        />
      )}
    </Popover>
  )
}

您可以删除useEffect中的if语句，如果希望每次open更改时（无论值如何）都运行该函数，则只需调用该函数。