Reactjs 在React中使用If语句

我对React的编码相当陌生。我试图使用if/else语句，然后在内容体中使用结果。另外，另一个重要的信息是，这是链接到SanityCMS，所以我从数据库中提取内容。我想我遗漏了一些非常简单的东西，但是从React的角度来看，我错误地使用了if语句。我已经阅读了文档，但需要一些新的视角

我还遇到了一个错误： return null=只能在函数体中使用“return”语句

import { SanityContent } from "../../components/sanityContent";
import { Post, getPosts } from "../../utils/getPosts";
import { useDomain } from "../../utils/domain";

const post = getPosts();

if (post.title = 'Cookie Policy'){
   <div> post.legalDoc </div>
}
if (!post) {
   return null;
}


function CookiePolicy() {
  return (
    <Layout>
      <SanityContent content={post.legalDoc} />

从“../../components/SanityContent”导入{SanityContent}；
从“../../utils/getPosts”导入{Post，getPosts}”；
从“../../utils/domain”导入{useDomain}；
const post=getPosts（）；
if（post.title='Cookie策略'）{
后勒格尔多克
}
如果（！post）{
返回null；
}
函数CookiePolicy（）{
返回(

---

有什么想法吗？

是的，这很奇怪，但也很简单

代码的解决方案：

import { SanityContent } from "../../components/sanityContent";
import { Post, getPosts } from "../../utils/getPosts";
import { useDomain } from "../../utils/domain";

function CookiePolicy() {
  const test = () => {
    const post = getPosts();

    if (post.title === "Cookie Policy") {
      console.log("YUP");
      return <div>{post.legalDoc}</div>;
    } else {
      console.log("NOPE");
      return null;
    }
  };

  return <div>{test()}</div>;
}

从“../../components/SanityContent”导入{SanityContent}；
从“../../utils/getPosts”导入{Post，getPosts}”；
从“../../utils/domain”导入{useDomain}；
函数CookiePolicy（）{
常数测试=（）=>{
const post=getPosts（）；
如果（post.title==“Cookie策略”）{
控制台日志（“YUP”）；
返回{post.legalDoc}；
}否则{
控制台日志（“NOPE”）；
返回null；
}
};
返回{test（）}；
}

我还做了一个演示

---

另外，如果您需要组件中的异步if-check函数，我在这里回答了一个类似的问题：

谢谢您的帮助！我正在努力解决这个问题-现在数据集端出现了一些错误，哈哈，一次解决一个问题：）没问题，Elektra，很高兴我能帮上忙！：）哦，天哪，祝你好运，我会在这里讨论这些问题，这样也许我会再见到你！哈哈哈