如果...那么JSX为Javascript

Question

我已经写的CoffeeScript/CJSX，这是有效的语法：

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

我如何做同样普通的JavaScript？没有if...then条款，我不认为我可以像在咖啡中那样在线检查if检查吗？

Answer 1

从How to write an inline IF statement in JavaScript?

以答案您可以使用语法10 < 11 ? do this : do that其中?是then和:是else。

Answer 2

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

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

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