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

How do I write an if statement to determine whether to display an attribute in jsx

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

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

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

这应该可以解决问题。

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

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

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

这是一个JSBin