javascript - jsx中如何写if语句来判断是否显示某个属性

Question

这会引发错误。每个选项的意外标记:

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

Answer 1

替换为checked={eachOption === selectedValue}。

这应该可以解决问题。

但是，请确保您还将 onChange 处理程序附加到该复选框(就像您想在 React 中使用的任何其他输入一样)，否则它可能不会按照您的预期运行。

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

通过将 checked 的值设置为 false，将意味着该复选框不会被选中。如果条件 (eachOption === selectedValue) 成立，则将为您选中该复选框。

这是一个JSBin