javascript - Comment modifier le nom d'une classe dans React sans utiliser l'état?

Question

Comme le titre, comment puis-je changer la classe directement en utilisant js natif au lieu d'utiliser la méthode suivante dans React ?

<p className={ this.state.*** ? class1 : class2 }></p>

Answer 1

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

Answer 2

La manipulation du DOM avec JS natif n'est pas recommandée. Si vous avez vraiment besoin de cette fonctionnalité, vous pouvez obtenir la référence au nœud DOM via la méthode findDOMNode de ReactDOM. Par exemple ici :
https://facebook.github.io/re...

Mais il s'agit en effet d'un comportement potentiellement risqué [ouvrir une porte sécurisée]. L'opération consistant à modifier directement le DOM via JS natif est redondante, dangereuse et incompatible avec les idées de React. JSX.

Answer 3

Il doit y avoir d'autres façons de le faire. Vous pouvez considérer le package classnames. La référence utilisée à l'étage est également une méthode courante

.