我创建了一个对话框组件，它工作正常，但是一旦关闭，当我单击同一个按钮时就无法再次打开它。显然，我没有使用挂钩状态，因为它应该是这样的，并且缺少一些初始状态
下面是代码。

export const OrderScoreCell = (props) => {
  const { orderDetail } = props;
  const [isOpen, setIsOpen] = useState(false);

  const handleCellClick = (e) => setIsOpen(true);

  return (
    <>
      <TableCell onClick={handleCellClick} lign="left">
        <LightTooltip
          title={`Risco ${orderDetail.scoreDesc}`}
          placement="top-end"
          arrow
          interactive
          TransitionComponent={Fade}
          TransitionProps={{ timeout: 600 }}
          aria-label="score"
        >
        </LightTooltip>
      </TableCell>
      {isOpen && <RiskScoreDialog orderDetail={orderDetail} />}
    </>
  );
};