If...then in JSX for Javascript

Question

I've been writing Coffeescript/CJSX and this is valid syntax:

<div>
   <input type={if @state.name == "Test" then "checkbox"}/>
</div>

How do I do the same for plain Javascript? There is no if...then clause and I don't think I can do inline if checks like I can in Coffee?

score 2 · Answer 1 · answered Aug 24 '16 at 03:33

2

You can also use logical operators:

<input type={(state.name == "Test" && "checkbox") || "text"}>

answered Aug 24 '16 at 03:33

inostia

3

Sure, you _can_ do that, but why would you? This is also subtly different in behavior from `?:` and could lead to insidious bugs if you're not careful. – JLRishe Aug 24 '16 at 04:23
1

That's true. I mostly use it to render elements in JSX. I.e. `{state.isValid &&
Valid!
}`. But i think you're right in this case that the ternary is correct. – inostia Aug 24 '16 at 18:27

score 1 · Accepted Answer · edited May 23 '17 at 12:22

1

You can use the syntax 10 < 11 ? do this : do that where the ? is the then and the : is the else.

edited May 23 '17 at 12:22

Community

answered Aug 24 '16 at 00:20

2 Answers2