在 className `if` 語句中反應`or` 條件

Question

我有一個 React 應用程序，並且想要在滿足一個條件或另一個條件時更改 CSS class。 我該怎么做呢？

因此，如果validation或validationNoExist為false ，則 CSS class 應該是input-form-validation-wrong ，如果兩者都正確，則選擇第一個 class 。

這是我的代碼：

<input type="email"  className={validation || validationNoExist ? 'input-form' : 'input-form-validation-wrong'} placeholder="E-Mail" />

Answer 1

 <input type="email" className={(validation || validationNoExist)? 'input-form': 'input-form-validation-wrong'} placeholder="E-Mail" />

Answer 2

這可能只是對邏輯運算符進行分組的問題，因此它們被評估為三元條件測試的一個單元。 他們都需要為真三元返回“輸入形式”。

<input
  type="email"
  className={(validation && validationNoExist) ? 'input-form' : 'input-form-validation-wrong'}
  placeholder="E-Mail"
/>

 console.log((false && false)? 'input-form': 'input-form-validation-wrong'); console.log((true && false)? 'input-form': 'input-form-validation-wrong'); console.log((false && true)? 'input-form': 'input-form-validation-wrong'); console.log((true && true)? 'input-form': 'input-form-validation-wrong');