javascript - 我不能在 <script> 中使用 <h1>

我正在尝试使用 React.js，但是当我尝试在脚本应答器中使用应答器(如“h1”或“div”)时，其余代码未被考虑在内。我看到很多论坛都在使用它，但我不明白它是如何工作的。

<html>
<meta charset=utf-8>
<link rel="stylesheet" type="text/css" href="style.css">

<script src="reactJS/build/react.js"></script>
<script src="reactJS/build/react-dom.js"></script>

<div id="root"></div>

<script>
    function formatName(user) {
        return user.firstName + ' ' + user.lastName;
    }

    const name = 'Josh Perez', 
    element = <h1>Hello, {name}</h1>;

    ReactDOM.render(
      element,
      document.getElementById('root')
    );
</script>

第 12 行中的“/”使其余代码无法使用，并且它不再像脚本应答器那样工作。

在此先感谢您的帮助。 (对不起，如果我的英语也很差)

最佳答案

您还需要添加 babel 以使用 JSX,

<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>

还要确保在 script 标签上添加 type="text/babel"。

<script type="text/babel">  //Add type here
    function formatName(user) {
        return user.firstName + ' ' + user.lastName;
    }

    const name = 'Josh Perez', 
    element = <h1>Hello, {name}</h1>;

    ReactDOM.render(
      element,
      document.getElementById('root')
    );
</script>

更多信息请查看this .

关于javascript - 我不能在 <script> 中使用 <h1>，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57937019/