React is not rendering my javascript file

Question

I am copying exact code as tutorial. But my code is not rendering.

*import React from "react";
 import ReactDom from "react-dom";
 const element = <h1>Hello world</h1>;
 ReactDom.render(element, document.getElementById("root"));
 *

Anyone please help. I am trying to learn react from scratch.

You need to provide more details about what you are trying, what you are seeing, and the details around how you are attempting to run this. With this alone it is impossible to tell what problem you are facing. — smashed-potatoes
– smashed-potatoes, Commented Feb 3, 2020 at 16:04
Are you using create-react-app? How are you trying to make react render? And are you seeing an error? — Cal Irvine
– Cal Irvine, Commented Feb 3, 2020 at 16:04
No error while compiling but element is not printing in browser. — Naveed Malik
– Naveed Malik, Commented Feb 4, 2020 at 11:48
Thanks guys it was not working on Internet Explorer.I tried it on chrome it worked fine !! — Naveed Malik
– Naveed Malik, Commented Feb 4, 2020 at 13:18

Bill Metcalf · Accepted Answer · 2020-02-03 16:05:19Z

1

try

import React from "react";
import ReactDom from "react-dom";

const Element = () => <h1>Hello world</h1>;
ReactDom.render(<Element/>, document.getElementById("root"));

Otherwise, there is something set up elsewhere in your project

answered Feb 3, 2020 at 16:05

Bill Metcalf

6704 silver badges7 bronze badges

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

1 Comment

Naveed Malik Over a year ago

SCRIPT1028: SCRIPT1028: Expected identifier, string or number This error when is console.log(element) in console after inspecting page.

Collectives™ on Stack Overflow

React is not rendering my javascript file

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related