如何編寫if語句以確定是否在jsx中顯示屬性

Question

這將引發錯誤。 每個選項的意外令牌：

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

Answer 1

替換為checked={eachOption === selectedValue} 。

這應該夠了吧。

但是，請確保您也將onChange處理程序附加到該復選框（就像您要在React中使用的任何其他輸入一樣），否則它的行為可能不會達到您的期望。

您應該使用JSX設置屬性值。

通過將checked的值設置為false，將意味着不會選中該復選框。 如果條件（ eachOption === selectedValue ）成立，則將為您選中該復選框。

這是一個JSBin