我是 React 新手，我遇到了一個令人困惑的情況。我正在嘗試使用 ReactDOM 渲染 H1 標簽，但標頭的結束標簽不斷變成字符串。這是我的代碼<!DOCTYPE html><html><head> <title> React Project</title> <script src="https://unpkg.com/[email protected]/umd/react.development.js"></script> <script src="https://unpkg.com/[email protected]/umd/react-dom.development.js"></script></head><body> <div id="root"></div> <script type="text/javascript"> ReactDOM.render( <h1>Hello World</h1>, document.getElementById("root") ); </script></body></html>SublimeText 上的代碼如下所示：在此輸入圖像描述錯誤是 [Uncaught SyntaxError: 意外的標記 '<']我嘗試按照React官方網站的建議使用 Constant，ReactDOM.render( const element = <h1>Hello, world</h1>; document.getElementById("root") );但結果是一樣的。那么這種情況我該怎么辦呢？
2 回答
楊魅力
TA貢獻1811條經驗 獲得超6個贊
您還需要使用 JS 預處理器來理解 JSX 格式，例如 Babel
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
<script src="https://unpkg.com/[email protected]/umd/react.development.js"></script>
<script src="https://unpkg.com/[email protected]/umd/react-dom.development.js"></script>
<div id="root"></div>
<script type="text/babel">
ReactDOM.render(
<h1> Hello World </h1>,
document.getElementById("root")
);
</script>
守候你守候我
TA貢獻1802條經驗 獲得超10個贊
你的<script>標簽告訴瀏覽器它是，Javascript但實際上它是 JSX。您需要使用 Babel 之類的東西來轉譯 JSX。
<!DOCTYPE html>
<html>
<head>
? <title> React Project</title>
? <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
? <script src="https://unpkg.com/[email protected]/umd/react.development.js"></script>
? <script src="https://unpkg.com/[email protected]/umd/react-dom.development.js"></script>
</head>
<body>
? <div id="root"></div>
? <script type="text/babel">
? ? ReactDOM.render(
? ? ? <h1>Hello World</h1>,? ?
? ? ? document.getElementById("root")
? ? );
? </script>
</body>
</html>
- 2 回答
- 0 關注
- 158 瀏覽
添加回答
舉報
0/150
提交
取消