Search code examples
reactjscodepen

Codepen - react child components not rendering

I have a React interview using codepen. I can't get my child elements to show up. 

class Application extends React.Component {
  render() {
    return <div>
     hello
     <Jack />
    </div>
  }
}

class Jack extends React.Component {
  render() {
    return (
      <div>
        Goodbye
      </div>
    )
  }
}

React.render(<Application />, document.getElementById('app'));

In this code, I only see Hello, not Goodbye. The "Jack" component is not being rendered. What can I do?

Solution

  • React.render(<Application />, document.getElementById('app'));

    should be:

    ReactDOM.render(<Application />, document.getElementById('app'));

    Working example here.