React componentDidMount()-Methode
React-Komponenten-Lebenszyklus
Das Format der componentDidMount()-Methode ist wie folgt:
componentDidMount()
Die componentDidMount()-Methode wird unmittelbar aufgerufen, nachdem die Komponente gemountet (in den DOM-Baum eingefügt) wurde.
Initialisierungen, die von DOM-Knoten abhängen, sollten in der componentDidMount()-Methode platziert werden.
Das folgende Beispiel gibt zuerstexampleaus und verwendet dann diecomponentDidMount()-Methode, um die Ausgabe festzulegen, nachdem die Komponente gemountet wurdegoogle：
Beispiel
class Header extends React.Component {
constructor(props) {
super(props);
this.state = {favoritesite: "example"};
}
componentDidMount() {
setTimeout(() => {
this.setState({favoritesite: "google"})
}, 1000)
}
render() {
return (
<h1> Meine Lieblingswebseite ist{this.state.favoritesite}</h1>
);
}
}
Ausprobieren »