小编Rap*_*yme的帖子

我正在尝试学习 Next.JS 中的路由，但我无法获取查询对象。

文件路径：./src/pages/[test]/index.tsx

import { useRouter } from 'next/router';

export default function Test() {
  const router = useRouter();
  console.log(router.query);
  return (
    <div>
      <h1>Test</h1>
    </div>
  )
}

console.log只是打印{}

我正在尝试使用 chakra ui 文档中的警报对话框示例，但我在输入时遇到了一些问题：

    const { isOpen, onOpen, onClose } = useDisclosure();
    {...}
        <AlertDialog
                    motionPreset="slideInBottom"
                    leastDestructiveRef={cancelRef}
                    onClose={onClose}
                    isOpen={isOpen}
                    isCentered
        >
                <Button ref={cancelRef} onClick={onClose}>
                    Cancel
                </Button>
        </AlertDialog>

我从leastDestructiveRef 和 ref 收到以下错误：

类型“MutableRefObject”不可分配给类型“RefObject”。

类型“MutableRefObject”不可分配给类型“LegacyRef |” 不明确的'。