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
这会引发错误。每个选项的意外标记:
<input {eachOption===selectedValue?'checked="checked"':''} type="checkbox" name="checkme"/>
替换为checked={eachOption === selectedValue}
。
这应该可以解决问题。
但是,请确保您还为复选框附加了 onChange
处理程序(就像您想在 React 中使用的任何其他输入一样),否则它可能不会像您预期的那样运行。
您应该使用 JSX 设置属性值。
通过将checked
的值设置为false,意味着复选框不会被选中。如果条件 (eachOption === selectedValue
) 成立,那么将为您选中该复选框。
这是一个JSBin