javascript - 为什么 ReactJS ReactDom.render() 不呈现 HTML 标签?

标签 javascript reactjs

为什么下面的代码不起作用?

ReactDOM.render( <h1>Hello</h1>, document.getElementById('root'));

但这段代码有效。

var elem = React.createElement('h1',{},"Hello");
ReactDOM.render( elem, document.getElementById('root'));

很长一段时间后回来使用react..尝试查看网络..没有发现它已被弃用?那为什么它不起作用?

更新:我的浏览器控制台在这里显示语法错误

 ReactDOM.render( <h1>Hello</h1>, document.getElementById('root'));

更新:感谢您通过添加以下行帮助一切正常

<script type="text/babel">

最佳答案

它正在工作,可能是你犯了其他错误,检查一下:

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>

<div id='root'/>

<script type="text/babel">
    ReactDOM.render( <h1>Hello</h1>, document.getElementById('root'));
</script>

关于javascript - 为什么 ReactJS ReactDom.render() 不呈现 HTML 标签?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42621061/

相关文章:

javascript - .NET Core Web API 中的 IFormFile 对于 axios 和 ajax 文件上传为 null,但在 Postman 中有效

reactjs - 是否需要显式导入组件?

JavaScript 无法在联系我们表单上运行

javascript - 客户端和服务器端编程有什么区别?

javascript - 在React中使用Fetch从服务器获取数据

javascript - react CKeditor Jest 错误 : SyntaxError: Cannot use import statement outside a module

javascript - react 意外 token : operator (<)

javascript - 如何在小型 Nodejs 聊天应用程序中向其他人发送文件

javascript - 除了数据绑定(bind)之外,backbone.js(或 knockout.js)还提供哪些优势

javascript - 数组中的动态选项列表