2 回答

TA貢獻(xiàn)1811條經(jīng)驗(yàn) 獲得超6個(gè)贊
您還需要使用 JS 預(yù)處理器來理解 JSX 格式,例如 Babel
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
<script src="https://unpkg.com/react@16.7.0/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16.7.0/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貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超10個(gè)贊
你的<script>
標(biāo)簽告訴瀏覽器它是,Javascript
但實(shí)際上它是 JSX。您需要使用 Babel 之類的東西來轉(zhuǎn)譯 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/react@16.7.0/umd/react.development.js"></script>
? <script src="https://unpkg.com/react-dom@16.7.0/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 關(guān)注
- 180 瀏覽
添加回答
舉報(bào)