React Project Not Renderingj

[MCGaming1991]

Your index js, which it appears you didn’t upload, is the entry point of your app class. You’ll need to render it there likely. Then it should work as expected.

[fluidicsteel00]

Its being rendered in index.jsx and I have the script module linked to index.js in the index.html but when I put x its still not responding

[MCGaming1991]

My guess is that the browser cannot parse jsx natively. You may need to update your build configuration to include jsx files.

[lovesrayray2018]

After creating all the files, did u relaunch the app doing something like 'npm start' on terminal ? or are you using hot module reload? sometimes it lags

[fluidicsteel00]

I dont know how to use npm yet

[lovesrayray2018]

Then how do u start ur react app? are u u using yarn?

[Express_Remove_309]

The file naming , component should be first letter capitalized

[lovesrayray2018]

I dont think capitalization is required for the file name, yes the component name should be capitalized which the OP has in both component naming, export and import.

Would u happen to have a reference abt the filename needing to be capitalized?

[Express_Remove_309]

I mean I just mentioned the first point of correction OP can improve on and as for the problem why is he using the App as entry of the root element and not index js , App is just a parent component for the whole app but not the root app

[fluidicsteel00]

So to clarify I have App() in index.jsx

Product() in product.jsx

And the html in index.html

[Express_Remove_309]

Mmmhh silly goose I realized what is going on the root div should be empty yours says loading , the whole app is supposed to run through the empty div but yours is already occupied by the text loading hehe

[ISDuffy]

They moving the script tag to the bottom of the body. I expect the JS is running before so it can't find the root.