gpt4 book ai didi

javascript - 简单的 react 片段不工作

转载 作者:塔克拉玛干 更新时间:2023-11-02 22:58:25 26 4
gpt4 key购买 nike

嗨,我是新来的,我正在尝试运行这个简单的片段,但它不起作用:

   

<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.2.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/15.2.0/react-dom.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.25/browser-polyfill.min.js"></script>
</head>

<body>
<div id="app_root"></div>

<script type="text/babel">
var Hello = React.createClass({
render: function() {
return(
<div>Hello World!</div>
);
}
});
ReactDOM.render(<Hello />, document.getElementById("app_root"));
</script>
</body>

控制台不显示任何错误消息,运行脚本后我没有得到任何输出

最佳答案

正如其他答案中提到的,这是因为 JSX 需要 babel。在你的情况下,这只是一个包含 babel 而不仅仅是 browser-polyfill 的问题:

<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.2.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/15.2.0/react-dom.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.26.0/babel.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.25/browser-polyfill.min.js"></script>
</head>

<body>
<div id="app_root"></div>

<script type="text/babel">
var Hello = React.createClass({
render: function() {
return(
<div>Hello World!</div>
);
}
});

ReactDOM.render(<Hello />, document.getElementById("app_root"));
</script>
</body>

关于javascript - 简单的 react 片段不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48119435/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com