Lorsque j'essaie d'effectuer un itinéraire vers un autre écran, j'obtiens toujours l'erreur "La route feuille correspondante à l'emplacement "/home" n'a aucun élément ou composant. Cela signifie qu'il en affichera un avec une valeur nulle par défaut, ce qui entraînera la page sois vide. »

import './App.css'; import { BrowserRouter as Router, Routes, Route } from "react-router-dom" import React from "react"; import Home from './Screens/Home'; import Sleep from './Screens/Sleep'; import Brew from './Screens/Brew'; import Navigation from './Navigation'; import Steam from './Screens/Steam'; function App() { return( 
    } /> } /> } /> } />   
 ) } export default App;

Navigation.js, onglet de navigation inférieur pour le routage entre les écrans

import React from 'react'; import { Nav, NavItem } from 'reactstrap' import { NavLink } from 'react-router-dom'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { faSearch, faHome, faUserCircle } from '@fortawesome/free-solid-svg-icons'; const tabs = [{ route: "/home", icon: faHome, label: "Home" },{ route: "/sleep", icon: faSearch, label: "Sleep" },{ route: "/brew", icon: faUserCircle, label: "Brew" },{ route: "/steam", icon: faUserCircle, label: "Steam" }] const Navigation = (props) => { return ( 
 {/* Bottom Tab Navigator*/}  
 ) }; export default Navigation;

J'ai essayé plusieurs solutions mais aucune n'a fonctionné. J'ai le sentiment que cela a quelque chose à voir avec le fait que je mélange plusieurs extraits de code et que j'essaie de les assembler.