React router

[evelyn]

pourquoi mon code de réaction ne fonctionne pas
importer React depuis « react » ;
importer ReactDOM depuis 'react-dom/client' ;
importer {Routes, Route, BrowserRouter} depuis 'react-router-dom'

// importer '


fonction Accueil(){
retourner <h1>sa maison</h1>
}
fonction Enfant(){
renvoyer <h1>son enfant</h1>
}
fonction Parent(){
retour(
<div>
<h1>essai</h1>
<Chemin d'itinéraire= "/child" element={<Child/>}/>


</div>
)
}
fonction App(){

retour (
<NavigateurRouteur>

<Itinéraires>

<Route path= "/home" element={<Home/>} />
<Élément de route={<Parent/>} />
</Itinéraires>
</NavigateurRouter>

)

}


const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(

<Application />

);

 

[VBService]

Where did you found this code,

AFAIK in react there is no french language used in syntax.

try in that way e.g.

import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';

function Home() {
  return <h1>his home</h1>;
}

function Child() {
  return <h1>his child</h1>;
}

function Parent() {
  return (
    <div>
      <h1>attempt</h1>
      <Route path="/child" element={<Child />} />
    </div>
  );
}

function App() {
  return (
    <Router>
      <Routes>
        <Route path="/home" element={<Home />} />
        <Route path="/parent" element={<Parent />} />
      </Routes>
    </Router>
  );
}

const root = document.getElementById('root');
ReactDOM.render(<App />, root);

BTW,

• Use lowercase for import statements.
• React components should start with an uppercase letter, e.g., function Home() instead of function Accueil().
• Added the <Router> component to wrap your routes to encompass the whole application.
• Routes should use the element attribute instead of element de route.
• Corrected the component names in route elements (<Home /> instead of <Accueil />, <Parent /> instead of <Parent />, etc.).
• Used <Router> instead of <NavigateurRouteur> and <Routes> instead of <Itinéraires>.

Make sure you have correctly installed the necessary dependencies via npm or yarn for your application to work properly with React Router.