Multiple conditions in return reactjs

Question

I am creating a react project and I can not do multiple conditions when displaying My component has a state like this: {user valid: "ok" valid2: "ok" }

In the return () I would like to add a condition to display "OK" if valid or valid2 is equal to ok I tried something like this:

<p>
 {
   this.state.user.valid === "ok" || this.state.user.valid2 === "ok" ? "ok"
: "verify"
 }
</p>

But it does not work How to do this please?

thank you in advance

Hav you tried parentheses around the condition of the ternary operator? Like (this.state.user.valid === "ok" || this.state.user.valid2 === "ok") ? "Ok" : "verify" — sn42
– sn42, Commented Aug 18, 2018 at 17:03

McRist · Accepted Answer · 2018-08-18 17:03:46Z

10

if valid or valid2 is equal to ok. You need to add parentheses.

<p>
 { (this.state.valid === "ok" || this.state.valid2 === "ok")? "ok" : "verify" }
</p>

answered Aug 18, 2018 at 17:03

McRist

1,78811 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mihail Duchev · Accepted Answer · 2020-07-24 12:00:12Z

2

{edit ? <component name /> : pedit ? <component name  />: <Default component name  />}

edited Jul 24, 2020 at 12:00

Mihail Duchev

4,83010 gold badges28 silver badges34 bronze badges

answered Jul 24, 2020 at 10:12

rahul kumar

212 bronze badges

1 Comment

Yunnosch Over a year ago

I doubt that this helps - or even works at all. To convince me otherwise please add an explanation of how this works and why it is supposed to help.

Collectives™ on Stack Overflow

Multiple conditions in return reactjs

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related