# Meet the React Component question

**URL:** <https://forum.kirupa.com/t/meet-the-react-component-question/648032>\
**Category:** Uncategorized\
**Created:** [June 23, 2021, 8:25pm UTC](https://forum.kirupa.com/t/meet-the-react-component-question/648032 "2021-06-23T20:25:12Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![mattpoll](https://avatars.discourse-cdn.com/v4/letter/m/9de053/32.png) [@mattpoll](https://forum.kirupa.com/u/mattpoll)\
**Post date:** [June 23, 2021, 8:25pm UTC](https://forum.kirupa.com/t/meet-the-react-component-question/648032/1 "2021-06-23T20:25:12Z")

</div>

So I’ll start with a general question, do you offer the complete code to your chapter solutions? It would sometimes be easier to see where I went wrong if I could compare my code to yours.

That being said, I’m having an issue here in Chapter 3 where my Hello, World is not rendering.

Any thoughts:

```
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Hello, World!</title>
    <script src="https://unpkg.com/react@16/umd/react.development.js"></script>
    <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
    <script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>

</head>

<body>
    <div id="container"></div>
    <script type="text/babel">
    class HelloWorld extends React.Component {
        render(){
            return <p>Hello componentized World!</p>
        }
    }
    ReactDom.render(
        <HelloWorld/>,
        document.querySelector("#container")
    )
    </script>
</body>
</html>
```

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [June 24, 2021, 3:55am UTC](https://forum.kirupa.com/t/meet-the-react-component-question/648032/2 "2021-06-24T03:55:04Z")

</div>

You can find the source code for the examples here: [kirupa/reactjs at master · kirupa/kirupa · GitHub](https://github.com/kirupa/kirupa/tree/master/reactjs)

For this problem (and many problems like this in general), take a look at your browser’s DevTools Console:

 ![image](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/2X/0/0c98ce7caa33f7ae62f185d0bc5eac1c5db017b4.jpeg)

Notice the **ReactDom** error. The reason for this error is that the **DOM** part of **ReactDOM** is capitalized. Once you make that adjustment, your example should work just fine 🙂

Cheers,  
Kirupa

---

<div class="post-metadata">

**Author:** ![mattpoll](https://avatars.discourse-cdn.com/v4/letter/m/9de053/32.png) [@mattpoll](https://forum.kirupa.com/u/mattpoll)\
**Post date:** [June 24, 2021, 1:08pm UTC](https://forum.kirupa.com/t/meet-the-react-component-question/648032/3 "2021-06-24T13:08:51Z")

</div>

Thanks, just the type of tips I needed!

If the book goes to a next edition, I’d suggest putting the tip about using the DevTools console. I eyeballed between the text and my code but did not see the difference, the console brings it out in Hi Def color!

Regards,  
Matt

---

<div class="post-metadata">

**Author:** ![Kaitlyn\_Duff](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kaitlyn_duff/32/15098_2.png) [@Kaitlyn\_Duff](https://forum.kirupa.com/u/Kaitlyn_Duff)\
**Post date:** [August 12, 2021, 3:57am UTC](https://forum.kirupa.com/t/meet-the-react-component-question/648032/5 "2021-08-12T03:57:51Z")

</div>

I am just starting to learn about codes and I think these codes are great. I am not that great about it yet but I think it’s a small progress that I understand some of them
