如果...然后在JSX for Javascript中

Question

我一直在写Coffeescript / CJSX，这是有效的语法：

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

如何为普通Javascript做同样的事情？没有if...then条款，我认为我不能像咖啡一样进行内联if检查吗？

Answer 1

您还可以使用逻辑运算符：

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

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Logical_Operators#Short-Circuit_Evaluation

Answer 2

从How to write an inline IF statement in JavaScript?

获得答案

您可以使用10 < 11 ? do this : do that为?且then为:的语法else。