In diesem Artikel wird hauptsächlich erläutert, wie React Routing-Parameter in Komponenten erhält. Interessierte Freunde können sich auf
Routing-Parameter
Angenommen, wir haben viele Listenseiten, bis auf den dynamischen Inhalt dieser Seiten sind die anderen Seitenteile gleich. Wie müssen wir zu diesem Zeitpunkt das Routing und die Komponenten konfigurieren? In diesem Szenario müssen Sie die Routing-Parameterfunktion verwenden und eine Routing-Konfiguration mit Parametern hinzufügen.
import List from './component/list';
<Route path="list/:id" component={List} />-Attribut der Parameter (param) der Route ist. Werfen wir einen Blick auf die Komponenten der Listenseite.
/list 对应了 list.js
import React from 'react';
class List extends React.Component {
render () {
return (
<p>
<h3>This is List page.</h3>
<p>The list page id is
<b style={{color: 'red'}}>{this.props.params.id}</b>
</p>
</p>
);
}
};
export default List;Das obige ist der detaillierte Inhalt vonTeilen Sie ein Beispiel für die Verwendung von React zum Abrufen von Routing-Parametern in einer Komponente. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Die übergeordnete Vue-Komponente ruft die Methode der untergeordneten Komponente auf
Einführung in Laravel-Komponenten
Was bedeutet Win11-Aktivierungsstatusaktivität?
Ist Bitcoin in China legal?
file_get_contents
Java-Ausgabeanweisung
So verwenden Sie die Druckfunktion in Python
Detaillierte Erläuterung der Linux-Fork-Funktion
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
