使用浏览器路由时未终止的 jsx 内容?

湿婆钱德尔

我想使用浏览器路由和 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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

未终止的JSX内容

来自分类Dev

使用输入时未终止的JSX内容

来自分类Dev

反应:解析错误:未终止的 JSX 内容

来自分类Dev

ReactJs-SyntaxError:嵌入:未终止的JSX内容

来自分类Dev

需要帮助来查找未终止的JSX内容

来自分类Dev

REACT-NATIVE SyntaxError未终止的JSX内容(57:41)

来自分类Dev

React 无法渲染,出现未终止的 JSX 内容错误

来自分类Dev

在样式化JSX内容时避免使用重复的样式属性?

来自分类Dev

React Unterminated JSX内容

来自分类Dev

如何使用 React JSX 中的 map() 方法重构 <List> 内容?

来自分类Dev

反应:未终止的 JSX

来自分类Dev

JSoup的内容与使用桌面Web浏览器时的内容不同

来自分类Dev

浏览器无法读取 jsx 语法

来自分类Dev

引导程序布局:内容未填充浏览器

来自分类Dev

将JSX内容移动到单独的文件时,无法正确呈现

来自分类Dev

使用curl检索内容时如何设置浏览器语言?

来自分类Dev

使用最大宽度和浮动元素跨浏览器时,如何使容器宽度适合内容?

来自分类Dev

使用curl检索内容时如何设置浏览器语言?

来自分类Dev

使用JavaScript获取浏览器URL框内容

来自分类Dev

如何使用python从网络浏览器获取内容?

来自分类Dev

使用内容提供者调用Web浏览器

来自分类Dev

是否有内置JSX编译器的浏览器?

来自分类Dev

使用JavaScript从iframe中检测浏览器,并根据浏览器显示不同的<div>内容?

来自分类Dev

Babel和JSX浏览器代码突出显示

来自分类Dev

捕获浏览器内容的截图(网站)

来自分类Dev

在浏览器窗口顶部显示内容

来自分类Dev

从浏览器中拖动选定的内容

来自分类Dev

IE浏览器innerHTML改变内容?

来自分类Dev

如何使用带有 JSX 元素的 for 循环将集合的内容打印到 React Native 中的多个 <Text> 标签中?

Related 相关文章

  1. 1

    未终止的JSX内容

  2. 2

    使用输入时未终止的JSX内容

  3. 3

    反应:解析错误:未终止的 JSX 内容

  4. 4

    ReactJs-SyntaxError:嵌入:未终止的JSX内容

  5. 5

    需要帮助来查找未终止的JSX内容

  6. 6

    REACT-NATIVE SyntaxError未终止的JSX内容(57:41)

  7. 7

    React 无法渲染,出现未终止的 JSX 内容错误

  8. 8

    在样式化JSX内容时避免使用重复的样式属性?

  9. 9

    React Unterminated JSX内容

  10. 10

    如何使用 React JSX 中的 map() 方法重构 <List> 内容?

  11. 11

    反应:未终止的 JSX

  12. 12

    JSoup的内容与使用桌面Web浏览器时的内容不同

  13. 13

    浏览器无法读取 jsx 语法

  14. 14

    引导程序布局:内容未填充浏览器

  15. 15

    将JSX内容移动到单独的文件时,无法正确呈现

  16. 16

    使用curl检索内容时如何设置浏览器语言?

  17. 17

    使用最大宽度和浮动元素跨浏览器时,如何使容器宽度适合内容?

  18. 18

    使用curl检索内容时如何设置浏览器语言?

  19. 19

    使用JavaScript获取浏览器URL框内容

  20. 20

    如何使用python从网络浏览器获取内容?

  21. 21

    使用内容提供者调用Web浏览器

  22. 22

    是否有内置JSX编译器的浏览器?

  23. 23

    使用JavaScript从iframe中检测浏览器,并根据浏览器显示不同的<div>内容?

  24. 24

    Babel和JSX浏览器代码突出显示

  25. 25

    捕获浏览器内容的截图(网站)

  26. 26

    在浏览器窗口顶部显示内容

  27. 27

    从浏览器中拖动选定的内容

  28. 28

    IE浏览器innerHTML改变内容?

  29. 29

    如何使用带有 JSX 元素的 for 循环将集合的内容打印到 React Native 中的多个 <Text> 标签中?

热门标签

归档