Bud component react

Fermé
MiKalem898 - Modifié le 25 déc. 2021 à 22:52
 Utilisateur anonyme - 26 déc. 2021 à 18:59
Hello,

J'ai changé de pc, et j'ai commencé un nouveau projet, mais en faisant ca:

Mon composant Layout :
const Layout = (props) => {
return (
<div>

{props.children}


<ToastContainer position='top-center' />

</div>
);
};



Mon comp Home:
const Home = () => {
return (
<>
test
</>
);
};



Et App :
function App(){
return (
<div className="App">
<Layout>
<Routes>
<Route exact path={routes.home} component={Home} />
</Routes>
</Layout>
</div>
);
}



Bien sur la je n'ai mis que la fonction, les import y sont.

Donc, c'est censé m'afficher 'test' mais rien ne s'affiche, pourtant je fais comme ca d'habitube.
A voir également:

5 réponses

Je viens de voir ca aussi:

index.tsx:24 Matched leaf route at location "/" does not have an element. This means it will render an <Outlet /> with a null value by default resulting in an "empty" page.



Et en francais:

 La route correspondante à l'emplacement "/" n'a pas d'élément. Cela signifie qu'il rendra un <Outlet /> avec une valeur nulle par défaut, ce qui entraînera une page "vide".
0