三元条件-尝试添加类错误

Question

如果数字返回，尝试应用错误类-但这不起作用-我是否缺少字符？

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

Answer 1

您的方法存在一些问题。

首先，请勿尝试将className道具的整体纳入，如果您不希望使用类，只需为其提供一个空字符串值（或null）。

第二，您无需将状态值包装在模板文字中即可运行includes()-只需直接执行

执行此操作：

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

Answer 2

更改

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

收件人

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