Тернарное условие - попытка добавить ошибку класса

Question

Попытка применить класс ошибок, если число возвращается - в нем, но это не работает - я пропускаю символ?

<td {`${this.state.number.toLocaleString()}`.includes("-") ? className=`${styles.red}` : ''}>

Answer 1

Изменить

  <td {`${this.state.number.toLocaleString()}`.includes("-") ? className=`${styles.red}` : ''}>

На

   <td className={this.state.number.toLocaleString().includess("-") ? styles.red : ''}>

Answer 2

Несколько проблем с вашим подходом.

Во-первых, не пытайтесь переключать включение пропеллы className в целом, просто дайте ей пустое строковое значение (или ноль), если вы нене хочу класс.

Во-вторых, вам не нужно переносить значение состояния в литерал шаблона для запуска includes() - просто сделайте это напрямую

Сделайте это вместо:

<td className={this.state.number.toLocaleString().includes('-') ? styles.red : ''}>
...