Блог

 import React, { useState } from "react"; import Counters from "./Counters"; import Navi from "./Navbar"; import Textbox from "./Textbox"; import About from "./About"; import Alerts from "./Alerts"; import { BrowserRouter as Router, Routes, Route, Link } from "react-router-dom"; const App = () =gt; {  // const [alert,setalert]=useState()  // const Showalert=(message,type)=gt;{  // setalert({  // msg: message,  // typ: type,  // })   // }  return (  lt;React.Fragmentgt;  lt;Navigt;lt;/Navigt;  lt;Alerts className="container" alrt={alert} /gt;  lt;Routergt;  lt;Routesgt;  lt;Route path="/"gt;  lt;div className="container my-3"gt;  lt;Textbox head="Enter Your Text here..." /gt;  lt;/divgt;  lt;/Routegt;  lt;Route exact path="/About"gt;  lt;Aboutgt;lt;/Aboutgt;  lt;/Routegt;  lt;/Routesgt;  lt;/Routergt;    lt;/React.Fragmentgt;  ); }; export default App;  

Вот мой app.js код Я установил react-маршрутизатор dom версии 6 и использовал маршруты вместо swicthes, но все равно получаю эту ошибку. Я также попытался поместить react.fragment в раздел маршруты, но ошибка все равно не исчезла. Пожалуйста, помогите, так как я новичок в реагировании.

И не читайте следующие строки, которые я скопирую, вставьте те же строки, потому что stackoverflow требует больше строк, и мне больше нечего сказать.

Вот мой app.js код Я установил react-маршрутизатор dom версии 6 и использовал маршруты вместо swicthes, но все равно получаю эту ошибку. Я также попытался поместить react.fragment в раздел маршруты, но ошибка все равно не исчезла.

Попробуйте использовать следующий код:

 return (  lt;React.Fragmentgt;  lt;Navigt;lt;/Navigt;  lt;Alerts className="container" alrt={alert} /gt;  lt;Routesgt;  lt;Route path="/" element={lt;div className="container my-3"gt;  lt;Textbox head="Enter Your Text here..." /gt;  lt;/divgt;}gt;   lt;/Routegt;  lt;Route exact path="/About" element={lt;Aboutgt;lt;/Aboutgt;}gt;lt;/Routegt;  lt;/Routesgt;    lt;/React.Fragmentgt;  );