Reactjs 组件的盖茨比条件呈现

我有这样一个模板：

const Template = ({ data }) => {
  const { id } = data.Page
  const postNode = data.Page

  return (
    <Layout>
       // conditional logic here
       // if {id} is 40 output <AdditionalContent />
    </Layout>
  )
}

const模板=（{data}）=>{
const{id}=data.Page
const postNode=data.Page
返回(
//这里的条件逻辑
//如果{id}为40，则输出
)
}

---

我想知道是否可以检查

id

以查看它是否为40，然后输出

组件

你可以这样定义

const Template = ({ data }) => {
  const { id } = data.Page
  const postNode = data.Page

  return (
    <Layout>
      {id===40 && <AdditionalContent />}
    </Layout>
  )
}

const模板=（{data}）=>{
const{id}=data.Page
const postNode=data.Page
返回(
{id==40&&}
)
}

这起作用：）这里的

&&

是什么意思？还有其他方法可以进行条件渲染吗？@RainMan它类似于if-condition-only而不是if-else-condition。。。所以，若id匹配，那个么只渲染那个组件。@RainMan若答案对你们有帮助，请接受它