Gibt es eine Möglichkeit, ein Timeout in reactjs zu töten / (loswerden)?
%Vor%Nach einer Art von Klick oder Aktion möchte ich das Zeitlimit vollständig anhalten und beenden können. Gibt es eine Möglichkeit, dies zu tun? Danke.
Sie sollten Mixins verwenden:
%Vor%... und in Ihrer Komponente:
%Vor%Weitere Informationen: Ссылка
Wenn dies in einer Komponente geschieht, speichern Sie die Timeout-ID, damit sie später abgebrochen werden kann. Andernfalls müssen Sie die ID an einem anderen Ort speichern, auf den später zugegriffen werden kann, z. B. ein externes Speicherobjekt.
%Vor% Sie werden wahrscheinlich auch sicherstellen wollen, dass ein ausstehendes Timeout in componentWillUnmount() ebenfalls abgebrochen wird:
Wenn Sie eine Benutzeroberfläche haben, die davon abhängt, ob ein Timeout aussteht oder nicht, sollten Sie die ID stattdessen im entsprechenden Komponentenstatus speichern.
Da React-Mixins jetzt veraltet sind, sehen Sie hier ein Beispiel für eine Komponente höherer Ordnung, die eine andere Komponente umschließt, um die gleiche Funktionalität wie in der angenommenen Antwort zu erhalten. Es räumt sauber alle verbleibenden Timeouts beim Unmounten auf und gibt der untergeordneten Komponente eine API, um diese über Requisiten zu verwalten.
Dies verwendet ES6-Klassen und die Komponentenzusammensetzung , die die empfohlene Methode zum Ersetzen von Mixins ist im Jahr 2017.
In Timeout.jsx
%Vor%In MyComponent.jsx
%Vor%Ich habe ein setTimeout in meiner Reaktions-App nur mit Javascript gestoppt:
(Mein Anwendungsfall war das automatische Speichern nur nach drei Sekunden ohne Tastenbetätigungen)
%Vor%Tags und Links reactjs settimeout