有两个值的条件渲染

Question

如果id等于15或12，我想渲染我的组件。 下面是我的工作方式，但是没有用。如果只留下一个id，它将呈现，但是我需要检查两个语句

   {query_estate_id === 15  || 12   && <span
    onClick={() => this.toggleFlatsView(2)}
    className={cn({ active: flatsView === 2 })}
    >
      3d 
   </span>}

Answer 1

您无法与JavaScript中的两个值进行比较。而是，重复变量名称：

{(query_estate_id === 15 || query_estate_id === 12) && ...

Answer 2

尝试：

    {query_estate_id === 15 || query_estate_id === 12 ? (
      <span
        onClick={() => this.toggleFlatsView(2)}
        className={cn({ active: flatsView === 2 })}
      >
        3d
      </span>
    ) : null}