COMPONENTS AND ADVANCED JSX - Use Multiline JSX in a Component

Why My code doesn’t render? :

import React from 'react';
import ReactDOM from 'react-dom';

class QuoteMaker extends React.Components {
  render() {
    return (
      <blockquote>
          <p>
              What is important now is to recover our senses.
          </p>
           <cite>
           <a target="_blank" 
               href="https://en.wikipedia.org/wiki/Susan_Sontag">
                Susan Sontag
              </a>
            </cite>
        </blockquote>);
  }
};


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

Exercise link:
https://www.codecademy.com/paths/web-development/tracks/front-end-applications-with-react/modules/react-101-react-components-u/lessons/react-components-advanced-jsx/exercises/render-multiline-jsx

Does that line look right to you?

Hint: It’s not, because you’ve made a very subtle typo…

1 Like