CodePen not showing any ReactJS component

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'));

I've also included both the CDNs.

1) React
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 Preprocessor
Babel

4) Code Pen
Click here

ReactDOM cdn library not loaded successfully. If you look at console then it throws error Uncaught ReferenceError: ReactDOM is not defined. — Sagar
– Sagar, Commented Oct 4, 2018 at 6:16
use these cdn links instead: reactjs.org/docs/cdn-links.html — Tu Nguyen
– Tu Nguyen, Commented Oct 4, 2018 at 6:28

Breakpoint25 · Accepted Answer · 2018-10-04 21:20:57Z

0

Use the 16.4.2 version of ReactDOM instead so it matches your React version, I had same issue so not your fault:

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

answered Oct 4, 2018 at 21:20

Breakpoint25

1,2721 gold badge9 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

CodePen not showing any ReactJS component

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related