conditional rendering with two values

Question

I want to render my component if id equal to 15 or 12. Here is below how I'm doing , but it doesnt work. It renders if leave only one id, but I need check for two statements

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

@T.J.Crowder trying to find it but it's super annoying to search for it... — VLAZ, Jun 20 '19 at 06:24
@T.J.Crowder there it is! Well done! I keep forgetting the exact magical phrase to conjure it forth. I was trying "or many" and "one of many" and few variations. It's *list*. I just have to get a bunch of links in a document because there are few good dupes that are a pain to search for if you don't remember the exact title. — VLAZ, Jun 20 '19 at 06:26

score 0 · Answer 1 · edited Jun 20 '19 at 06:24

0

You can't compare against two values like that in JavaScript. Instead, repeat the variable name:

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

edited Jun 20 '19 at 06:24

VLAZ

26,331
9
49
67

answered Jun 20 '19 at 06:23

T.J. Crowder

1,031,962
187
1,923
1,875

score 0 · Answer 2 · answered Jun 20 '19 at 06:27

0

Try:

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

answered Jun 20 '19 at 06:27

Raman Kishore

542
2
12

conditional rendering with two values

2 Answers2