Javascript 如何编写if语句来确定是否在jsx中显示属性

这会抛出一个错误。eachOption的意外标记：

<input {eachOption===selectedValue?'checked="checked"':''} type="checkbox" name="checkme"/>

---

替换为

checked={eachOption===selectedValue}

这应该能奏效

但是，请确保复选框还附加了

onChange

处理程序（作为您希望在React中使用的任何其他输入），否则它可能不会像您预期的那样工作

您应该使用JSX为属性设置值

通过将

checked

的值设置为false，将意味着复选框将不被选中。如果条件（

eachOption===selectedValue

）保持不变，则将为您选中该复选框

---

这里有一个

替换为

checked={eachOption===selectedValue}

这应该能奏效

但是，请确保复选框还附加了

onChange

处理程序（作为您希望在React中使用的任何其他输入），否则它可能不会像您预期的那样工作

您应该使用JSX为属性设置值

通过将

checked

的值设置为false，将意味着复选框将不被选中。如果条件（

eachOption===selectedValue

）保持不变，则将为您选中该复选框

---

这里有一个

它不起作用-请看下面我的回答：它会起作用，但是您还需要添加一个

onChange

处理程序，因为所有React创建的输入都需要一个。@SteveTomlin请看这个例子，它来自facebook，并在复选框中使用

checked={boolean}

。JSX！=HTML@SteveTomlin你曾经与JSX合作过吗？下面是这个答案的一个完美例子：如果您想指定复选框的

checked

属性，那么您正在创建一个复选框。这意味着该DOM节点的值将始终与某个变量保持一致，如果不指定实现此行为的

onChange

处理程序，用户将无法自己修改它。它将不起作用-请参见下面我的回答：它将起作用，但是，您还需要添加一个

onChange

处理程序，因为所有React创建的输入都需要一个。@SteveTomlin请看这个例子，它来自facebook，并在复选框中使用

checked={boolean}

。JSX！=HTML@SteveTomlin你曾经与JSX合作过吗？下面是这个答案的一个完美例子：如果您想指定复选框的

checked

属性，那么您正在创建一个复选框。这意味着该DOM节点的值将始终与某个变量保持一致，如果不指定实现此行为的

onChange

处理程序，用户实际上无法自己修改它。