React - dynamické routování

[horalhoralhora]

Zacal jsem se ucit React, ale kvuli nulove praxi bych potreboval poradit jestli je nasledujici navrh implementace spravny, pripadne poradit jak jinak resit nasledujici situaci

V produktove databazi mam neco kolem 200 000 produktu a neustale se menici sekce menu. Na kazdy produkt se potrebuji doptat nasledovne
http://domena/produkt_cpu_ventilator

K produktum se da pochopitelne take dojit pomoci ruznych "view/menu"
http://domena/notebooky/nahradni_dily
Obsahujici:
<produkt_cpu_ventilator><produkt_cpu_velky_ventilator> atd...

Nasledujici zjednoseny kod, predstavuje mozne reseni

Kód: [Vybrat]

import React from 'react';
import './App.css';
import {
  BrowserRouter as Router,
  Route
} from 'react-router-dom';
import ShowProduct from './components/showProduct.js'
import ShowSection from './components/showSectionjs'

const PageLocator=({var1})=>{

        {/* determine from rest API if requested path is type of product or section

        if product */}   
        return <div><ShowProduct product={var1.path} /></div>


        {/* if section */}
        return <div><ShowSection section={var1.path}     

        {/* if etc...  */}
}

class App extends React.Component {


  render() {
    return(
                  <Router>
                    <div>
                        <PageLocator path="/" var1={{path:window.location.pathname}} />
                    </div>
                  </Router>

    )
  }
}

export default App;





Je takove reseni rozumne? Nabizi se pro tuto situaci lepsi reseni?

[Reklama]