React路由器6.2.2.问题

Question

我买了一台新笔记本电脑，刚刚安装了Node。React等来构建一个新的应用程序。我创建了我的应用程序，它使用的是react router dom 6.2.2，它会给我一些错误，比如：[未捕获的错误：无效的钩子调用，钩子可以…]

我只有文件夹结构设置，这在我的index.js和app.js文件上

[app.js]

import React from 'react';
import { BrowserRouter, Router, Route } from 'react-router-dom';
React.DOM.render(
<BrowserRouter>
<Routes>
<Route path="/" element={ <App /> } />
</Routes>
</BrowserRouter>,
document.getElementID('root')
);

和我的app.js文件

import React from 'react';
const App = () => {
{ 
<div className="header>
Title
</div>
<Routes>
<Route path={'/'} />
<Route path={ './templates/temples' } element={<Template/>} />
</Routes> 
}

我错过了什么？是什么让我犯了那个钩子错误？然而，如果我从应用程序运行的app.js文件中取出代码，我需要导航

Answer 1

请先从"react router dom"导入，然后重试。

import { BrowserRouter, Routes, Route } from 'react-router-dom';