时间戳

首页 > 解决方案 > 无法关闭 JSX。解析错误：未终止的 JSX 内容

javascript - 无法关闭 JSX。解析错误：未终止的 JSX 内容

问题描述

我只是想尝试一个用于 React 的 UI 框架的 Hello World，称为 CoreUI。但它说我的 JSX 错误且未关闭。但是我已经关闭了所有}和），所以请告诉我我在这里做错了什么？

谢谢

import React from 'react';
import ReactDOM from 'react-dom';

const App = () => {
  return (
    <html lang="en">
    <head>
    // Required meta tags
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    // CoreUI CSS
    <link rel="stylesheet" href="https://unpkg.com/@coreui/coreui@3.0.0-rc.0/dist/css/coreui.min.css" crossorigin="anonymous" />

    <title>CoreUI<title/>
    <head/>
    <body class="c-app">
    <h1>Hello, world!<h1/>

    // Optional JavaScript
    // Popper.js first, then CoreUI JS
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.15.0/umd/popper.min.js" integrity="sha384-L2pyEeut/H3mtgCBaUNw7KWzp5n9&#43;4pDQiExs933/5QfaTh8YStYFFkOzSoXjlTb" crossorigin="anonymous"><script/>
    <script src="https://unpkg.com/@coreui/coreui@3.0.0-rc.0/dist/js/coreui.min.js"><script/>
    <body/>
    <html/>
  );
};

ReactDOM.render(
  <App />, document.querySelector('#root')
);

标签： javascriptreactjsjsx

解决方案

您的结束标签不正确。应该是

import React from 'react';
import ReactDOM from 'react-dom';

const App = () => { 
return (<html lang="en">
<head>
// Required meta tags
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>

// CoreUI CSS
<link rel="stylesheet" href="https://unpkg.com/@coreui/coreui@3.0.0-rc.0/dist/css/coreui.min.css" crossorigin="anonymous" />

<title>CoreUI</title>
</head>
<body class="c-app">
<h1>Hello, world!</h1>

// Optional JavaScript
// Popper.js first, then CoreUI JS
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.15.0/umd/popper.min.js" integrity="sha384-L2pyEeut/H3mtgCBaUNw7KWzp5n9&#43;4pDQiExs933/5QfaTh8YStYFFkOzSoXjlTb" crossorigin="anonymous"></script>
<script src="https://unpkg.com/@coreui/coreui@3.0.0-rc.0/dist/js/coreui.min.js"></script>
</body>
</html>
); 

};


ReactDOM.render(
  <App />, document.querySelector('#root')
);

推荐阅读