Bud component react

Location

MiKalem898 -
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:

Index.tsx:25 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.
Office 16 click-to-run extensibility component ✓ - Forum Microsoft Office
The following component(s) are required to run this program microsoft visual c++ runtime ✓ - Forum Programmation
Avast avlaunch component - Forum Antivirus
Désinstaller office 16 32bits et office 16-click-run extensibility component - Forum Bureautique
Comment supprimer Office 15 Click-to-Run Extensibility Component - Forum Microsoft Office

5 réponses

Réponse 1 / 5

MiKalem898

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".

Réponse 4 / 5

Utilisateur anonyme

Je pense qu'il vaut mieux laisser au lecteur le soin de se faire sa propre idée de la traduction.
Mais mon idée était plus de te montrer de te servir du message d'erreur plutôt qu'essayer de le traduire.

SI ton problème est résolu, merci de marquer la discussion comme telle

MiKalem898 Messages postés 2 Date d'inscription Statut Membre Dernière intervention

Merci ! En fait moi j'avais fais:

<div className="App">
      <Layout>
        <Routes>
          <Route exact path={routes.home} component={Home} />
        </Routes>
      </Layout>
    </div>

Comme d'habitube quoi, j'avais aussi essayé avec element, comme j'avais lu qlq part:

<div className="App">
      <Layout>
        <Routes>
          <Route exact path={routes.home} element={Home} />
        </Routes>
      </Layout>
    </div>

Et grace a ton lien je viens de me rendre compte qu'il fallait ajouter "</>":

<div className="App">
      <Layout>
        <Routes>
          <Route exact path={routes.home} element={<Home />} />
        </Routes>
      </Layout>
    </div>

Discussions similaires

Redirection PHP (redirect header)

Location YouTube

Pret ou location camescope hi8 pour numerisation

Location de film sur youtube - film introuvable pour visionnage

Ticket transcash pour une location de maison

Le bon coin. Location

Votre réponse

Discussions similaires