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

Question

I just want to try out a Hello World of an UI framework for React, called CoreUI.我只是想尝试一个用于 React 的 UI 框架的 Hello World，称为 CoreUI。 But it says I got my JSX wrong and unclosed.但它说我的 JSX 错误且未关闭。 But I already closed all } and ), so please tell me what am I doing wrong here?但是我已经关闭了所有}和），所以请告诉我我在这里做错了什么？

Thanks谢谢

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')
);

Answer 1

Your closing tags are not proper.it should be您的结束标签不正确。应该是

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')
);

Answer 2

Meta tags are not closed.元标记未关闭。 Try this:尝试这个：

 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') );

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

问题描述

2 个解决方案

解决方案1
0 2020-08-01 12:38:49

解决方案2
0

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

问题描述

2 个解决方案

解决方案1 0 2020-08-01 12:38:49

解决方案2 0

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

解决方案1
0 2020-08-01 12:38:49

解决方案2
0