Wo Semantic UI Dropdown initialisieren in Reaktion

Question

In Semantic UI, müssen Sie

$('.ui.dropdown').dropdown(); 

Damit Ihr Dropdown-Menü ausführen zu funktionieren. Ich mache es zur Zeit von

Mein Problem ist, dass ich zweimal auf das Menü klicken muss, um es zu starten. Sobald es die Funktion ausführt, öffnet die zweite das Menü tatsächlich. Wie bekomme ich es zum Laufen, wenn die Seite geladen wird?

Wenn ich versuche, es in ComponentWillMount oder ComponentDidMount zu setzen, wirft es einen Fehler auf: Uncaught ReferenceError: $ ist nicht definiert.

Ideen?

Answer 1

Mein aktueller Code:

ReactJS:

componentDidMount() { 
    $(this._select).dropdown(); 
} 
render() { 
    return <div ref={select => this._select = select } className="ui selection dropdown">... 
} 

Setup Sie ein ref auf machen und dann verwenden, um das Element auf componentDidMount()