Heim  >  Fragen und Antworten  >  Hauptteil

javascript - Wie ändere ich den Klassennamen in React, ohne den Status zu verwenden?

Wie bei der Frage: Wie kann ich die Klasse direkt mit nativem JS ändern, anstatt die folgende Methode in React zu verwenden?

<p className={ this.state.*** ? class1 : class2 }></p>
滿天的星座滿天的星座2663 Tage vor1023

Antworte allen(3)Ich werde antworten

  • 滿天的星座

    滿天的星座2017-07-05 11:08:31

    <p ref={(p)=>{this.getDom = p}}></p>
    ...
    // 可以在一个事件中通过this.getDom获取当前元素,再通过className设置
    this.getDom.className = class1

    Antwort
    0
  • 三叔

    三叔2017-07-05 11:08:31

    原生 JS 操作 DOM 的行为是不推荐的,如果非常需要这个能力,可以通过 ReactDOM 的 findDOMNode 方法去获取到 DOM 节点的引用。例如这里:
    https://facebook.github.io/re...

    但这确实是一个【打开了安全仓口】的潜在风险行为,通过原生 JS 直接修改 DOM 的操作是冗余、不安全和不符合 React 思想的,建议以 JSX 的方式考虑所要解决的问题。

    Antwort
    0
  • 伊谢尔伦

    伊谢尔伦2017-07-05 11:08:31

    肯定是有其他方法可以做到的,可以考虑classnames的包,楼上用的ref也是一个常用的方法

    Antwort
    0
  • StornierenAntwort