import React from 'react';
import ReactDOM from 'react-dom';
function MyApp() {
return { < ul > < li > < /li> <li> </li > < li > < /li></ul >
}
}
ReactDOM.render( < MyApp / > , document.getElementById("root"));
网页文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta name="description" content="Web site created using create-react-app" />
<title>React App</title>
</head>
<body>
<div id="root"></div>
<script src="src/index.js"></script>
</body>
</html>
我已经安装了更漂亮，我的代码不会"漂亮"。我收到此错误 JSX
元素 'li' 没有相应的结束标记。
我真的尝试了一切
删除左括号/右括号和元素之间的空格
应该是这样的
<ul> <li> </li> <li> </li> <li> </li></ul>
试试这个，将空格放入标签中，然后返回()而不是{}。
function MyApp() {
return (
<ul>
<li> </li>
<li> </li>
<li> </li>
</ul>
)
}