NextJs : 功能组件条件返回/渲染答案

【问题标题】：NextJs : Functional component conditional return/renderingNextJs : 功能组件条件返回/渲染
【发布时间】：2021-06-08 06:08:25
【问题描述】：

您好，如果任何下一个路由器查询参数为空，我正在考虑重定向页面。赞localhost:3000/page?id=*null/empty*

这是我在做什么：

export default function page() {
  const router = useRouter();
  const { id } = router.query;
  useEffect(() => {
    if (id == null) {
      router.push("/");
    }
  });
return (......

但问题是它先呈现页面然后推送到另一个页面。对这个问题有什么想法吗？

【问题讨论】：

标签： node.js reactjs next.js

【解决方案1】：

删除useEffect的使用

export default function page() {
  const router = useRouter();
  const { id } = router.query;
 
  if (id == null) {
    router.push("/");
    return null;
  }
 
return (......

【讨论】：

Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.