CodePen 没有显示任何 ReactJS 组件
CodePen not showing any ReactJS component
HTML
<div id="p1"> </div>
JS(通天塔)
function MyFunct () {
return (
<div>
<h1>Tanzeel</h1>
<p>Hello World</p>
</div>
);
}
ReactDOM.render(< MyFunct />, document.querySelector('#p1'));
我还包含了两个 CDN。
1) 反应
https://cdnjs.cloudflare.com/ajax/libs/react/16.4.2/umd/react.production.min.js
2) ReactDOM
https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.5.1/umd/react-dom.production.min.js
3) JavaScript 预处理器
通天塔
4)码笔
点击here
改用 ReactDOM 的 16.4.2 版本,这样它与你的 React 版本匹配,我遇到了同样的问题,所以不是你的错:
https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.4.2/umd/react-dom.production.min.js
HTML
<div id="p1"> </div>
JS(通天塔)
function MyFunct () {
return (
<div>
<h1>Tanzeel</h1>
<p>Hello World</p>
</div>
);
}
ReactDOM.render(< MyFunct />, document.querySelector('#p1'));
我还包含了两个 CDN。
1) 反应
https://cdnjs.cloudflare.com/ajax/libs/react/16.4.2/umd/react.production.min.js
2) ReactDOM
https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.5.1/umd/react-dom.production.min.js
3) JavaScript 预处理器
通天塔
4)码笔
点击here
改用 ReactDOM 的 16.4.2 版本,这样它与你的 React 版本匹配,我遇到了同样的问题,所以不是你的错:
https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.4.2/umd/react-dom.production.min.js