JavaScript React Basics First Steps in React Embed JavaScript Expressions in JSX

I am following along but Im not getting the same results the instructor nothing appears what am I doing wrong

/Html I added the script tags as instructed the original cdn for react had crossorgin before the src and it would be highlighted in red to signify there was an eror when i took cross origin out it was fine but for some reason its not working/

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Scoreboard</title> <link rel="stylesheet" href="./app.css" /> </head>

<body> <div id="root"></div>

  -----> <script  src="https://crossorgin/unpkg.com/react@16/umd/react.development.js"></script>
 ----->  <script  src="https://crossorgin/unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
   ------> <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
   -------> <script type="text/babel" src="./app.js"></script>

</body> </html>

//javascript const title= "This is my new title"; const desc= "This a header";

const header= ( <header> <h1>{title}</h1> <p>{desc}</p> </header>

);

ReactDom.Render( title, desc );

Steve Gallant
Steve Gallant
14,884 Points

Hi Adam, Please see here https://teamtreehouse.com/community/posting-code-to-the-forum to properly format your code for review and assistance.

Are you getting errors in the console? If so, post those up here too. thanks, Steve

1 Answer

Christopher Hardy
Christopher Hardy
6,071 Points

Adam Fields I am having the same problem. My code looks correct, but nothing is showing in the browser, nor is the code showing up in the dev tools. Did you find a solution?

Christopher Hardy
Christopher Hardy
6,071 Points

Update, I still don't know what I did, but I went ahead and downloaded the project files for this lesson and copy pasted into my workspace. Its working just fine now.

I must have made some stupid little one character mistake somewhere in the script links. Those are the worst!