我想使用浏览器路由和 react-router-dom 路由通过应用程序中的 react 组件进行路由,但出现错误
错误:
Line 44: Parsing error: Unterminated JSX contents
42 | <Route path='/edit' component={EditExpensePage} />
43 | </div>
> 44 | </BrowserRouter>
| ^
45 | );
__文件:__
import React from 'react';
import ReactDOM from 'react-dom';
import {BrowserRouter,Route} from 'react-router-dom';
const HelpPage =()=>{
return(
<div>
This is from HelpPage
</div>
);
}
const EditExpensePage =() =>{
return(
<div>
This is from EditExpensePage
<div>
);
}
const routes=(
<BrowserRouter>
<div>
<Route path='/' component={HelpPage} exact={true}/>
<Route path='/edit' component={EditExpensePage} />
</div>
</BrowserRouter>
);
ReactDOM.render(routes, document.getElementById('root'));
我曾尝试将其制作为无状态组件(路由)并将其呈现为反应组件,但它没有工作,并且仍然给出未终止的 jsx 内容的错误
这是答案:
const EditExpensePage =() =>{
return(
<div>
This is from EditExpensePage
</div>
);
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句