Параметры из маршрута

Question

Я хочу, чтобы значение пути было сопоставлено с JSON. В значении пути будет указано имя страницы, которую нужно загрузить с JSON.

        <Switch>
            <Route
            render={({ location }) => {
            const {pathname} = location;
            const pathvalue = {pathname}

            return (
            <>  
            <div>
            </div>


            <div className="container">
            {                   
                data.pathvalue.map((rows, i) => { //Instead of telling the page name, I stored the page name in pathvalue const. Is it possible?
                    return (
                        <div key={i} className="row">                           
                            {rows.row.map((component, i) => { 

Answer 1

Компонент <Router /> принимает только один дочерний компонент. Вы можете увидеть это в документации здесь

export default function Nav() {
  return (
    <Router>
      <Switch>
        <Route
          render={({ location }) => {
            const { pathname } = location;
            return <div>{pathname}</div>;
          }}
        />
      </Switch>
    </Router>
  );
}

Затем вы можете либо включить компонент <nav /> вне компонента <Router />, либо включить один <div /> внутри с обоими включен.