Question

我想根据状态更改链接的样式，直到现在我才自己写查询（即this.state.active =='today'）。有没有办法使用元素的ID？

<div className={styles.option}>
  <a
    id={'today'}
    onClick={this.handleLinkClick} 
    className={this.state.active == id ? styles.active : ''}
  >
    Today
  </a>
</div>

此代码为我提供了错误“未定义ID”

Answer 1

此代码对您有用吗？由于您已经将值传递给id属性，因此也可以将相同的值传递给条件表达式。

<div className={styles.option}>
      <a id={'today'}
         onClick={this.handleLinkClick} 
         className={this.state.active == 'today' ? 
              styles.active 
              :
              ''
         }>
         Today
      </a>
</div>

如果要将其转换为动态，则应如下所示：

<div className={styles.option}>
      <a id={foo}
         onClick={this.handleLinkClick} 
         className={this.state.active == foo ? 
              styles.active 
              :
              ''
         }>
         Today
      </a>
</div>

在反应中，如何访问同一元素内的元素的ID？

1 个答案: