Migrieren von jquery-Code von zustandslosen reagierenden Komponenten zu es6-Komponente

Question

Ich habe eine Komponente, die ein Boostrap-Modal rendert. Ich möchte eine Klasse in eine andere Taste hinzuzufügen, wenn die modale erscheint, so habe ich den folgenden Code:

const AddContact =() => { 
    } 
    $('#myModal').on('show.bs.modal', function (e) { 
    $('.add-button').addClass("orange-btn") 
    }) 
    return (
//modal 
... 
} 

Wie kann ich mit einem es6 Komponente das gleiche tun? Ich habe versucht, den jquery Code in den Konstruktor zu bringen, aber es hat nicht funktioniert.

Answer 1

Ich denke, Sie haben die Klammer der Funktion früh in der zweiten Zeile geschlossen. Versuche es damit.

const AddContact =() => { 
    $('#myModal').on('show.bs.modal', function (e) { 
    $('.add-button').addClass("orange-btn") 
    }) 
    return (
//modal 
... 
} 

Hoffe, das wird helfen.