Wie kann ich ein <Link> im react-router deaktivieren, wenn seine URL bereits aktiv ist? Z.B. Wenn sich meine URL bei einem Klick auf <Link> nicht ändern würde, möchte ich das Klicken überhaupt verhindern oder <span> statt <Link> darstellen.
Die einzige Lösung, die mir in den Sinn kommt, ist die Verwendung von activeClassName (oder activeStyle ) und die Einstellung von pointer-events: none; , aber ich würde lieber eine Lösung verwenden, die in IE9 und IE10 funktioniert.
Ich werde nicht fragen, warum Sie dieses Verhalten wollen, aber ich denke, Sie können <Link /> in Ihre eigene benutzerdefinierte Link-Komponente einfügen.
<MyLink to="/foo/bar" linktext="Maybe a link maybe a span" route={this.props.route} />
(ES6, aber Sie erhalten wahrscheinlich die allgemeine Idee ...)
Ich denke, Sie sollten auf null setzen , um einen Link zu deaktivieren.
Siehe hier ein Beispiel Ссылка
Eine andere Möglichkeit besteht darin, das Klick-Ereignis zu deaktivieren, wenn Sie bereits auf den gleichen Pfad klicken. Hier ist eine Lösung, die mit react-router v4 funktioniert.
%Vor% Du kannst dann deinen Link als (jede zusätzliche Requisite von Link würde funktionieren) verwenden:
Tags und Links javascript reactjs react-router