React のオンライン ドキュメント チュートリアルにはばらつきがあるため、どれを学べばよいのかわかりません。?
現在使用しているセットをまとめました
import React from 'react';
import './App.css';
import {
BrowserRouter, Route } from 'react-router-dom'
import A from './pages/A'
import Bottom from './pages/bottom'
import B from './pages/B'
function App() {
return (
<BrowserRouter>
<Route path="/A/:id" exact component={
A} />
<Route path="/B/:id" component={
B} />
<Bottom />
</BrowserRouter>
);
}
export default App;
router-dom'
BrowserRouter は、React-Router を使用するアプリケーションに推奨される履歴ソリューションです。URL を処理するためにブラウザーの History API を使用し、example.com/list/123 のような実際の URL を作成します。
ここで、Route はルート パス、および呼び出されるページ コンポーネントです。
サブルートはどのように動作すべきでしょうか?
path="/A/:id" に移動して確認してみましょう
import React, {
Component } from 'react';
import {
Route } from "react-router-dom";
const User = ({
match }) => <p>{
match.params.id}</p>;
class A extends Component {
render() {
return (
<div>
<div>A</div>
<Route path="/A/:id" component={
User} />
</div>
)
}
}
export default A
たとえば、/A/cc は、ページ A に入る cc がコンポーネントを使用してレンダリングするルートを表示できることを意味します。
結局のところ、component={User} User は変数です。
それを見て、私は何と言っただろうかと思いました。
いつもReactは複雑すぎると感じているのですが、VUEのルーティングと比べればプレイアビリティが高く、JSの機能向上も早いと思います。
そしたら1024ハッピー