Question

HTML

<div id="p1"> </div>

JS（Babel）

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

Answer 1

更改javascript src。

https://unpkg.com/react@16/umd/react.production.min.js和https://unpkg.com/react-dom@16/umd/react-dom.production.min.js

它将成功编译。

Answer 2

使用ReactDOM 16.4.2版本代替它，使其与您的React版本匹配，我遇到了同样的问题，所以不是您的错：

https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.4.2/umd/react-dom.production.min.js

CodePen没有显示任何ReactJS组件

2 个答案: