React: Wie bekomme ich eine React-Komponente um den Fokus zu verlieren?

Question

Wenn ich auf eine Seitennumerierungsschaltfläche klicke, bleibt der Fokusstatus nach der Aktualisierung der Seite im Browser erhalten. Wie kann ich diese Komponente unscharf machen?

Hier rufe ich die Komponente an.

<Paginate onClick={this.handleButtonClick.bind(this)} text="Prev"/> 

Dies ist die Komponente.

Answer 1

Sie müssen React ref API verwenden Wenn die Schaltfläche aktiviert ist, haben Sie den Verweis auf das zugehörige DOM-Element lokal gesendet. Wenn Sie auf klicken, rufen Sie die DOM-API blur auf.

Überprüfen Sie das Beispiel hier: http://jsfiddle.net/rtkhanas/af3eau1a/