In this lab, we will be rendering a few children components in our top-most
App. All of our work will be done in
src/App.js, the rest of the
components/source files shouldn't need any alterations.
npm install. Examine what is rendering in the browser
npm start. You should see an error we need to fix!
Once we properly render the other three components:
App, we will have the flag of
the Federal Republic of Germany, the birthplace of the first fully
automatic, programmable, digital computer!
Admiral Grace Hopper, on the other hand, was an American computer scientist and United States Navy
admiral. She was a pioneer of computer programming who popularized the idea of machine-independent programming languages, which led to the development of COBOL.
Two components have not been properly imported in
src/App.js. Identify and debug
the issue. The stack trace when running
npm test should point you in
the right direction! HINT: take a look at the component files. One of these components is exported by
default, but the other is not. How does this change importing?
Once you have the first two components importing correctly, import and render
a third component,
MouseComponent. In total,
App needs to render three