We'll focus on writing JSX code to render components. Make sure you export your components; otherwise the tests won't be able to access your code! The tests will not run until you create components and export them for each of the files below.
components/RegistrationForm.jsfile, create a React component called
<input>elements — one has a
texttype, the other one is a
<button>element with the
components/FillerText.jsfile, create a React component called
I am a filler text. I can be used to fill your screen. Amazing!
components/Webpage.jsfile, create a React component called
The world's coolest webpage.
In JSX, all tags must close. A good example of where this can cause problems is the
<input> tag. Writing the tag like this will throw an error if you're not following it somewhere with a corresponding
</input> tag. However, if the element has no children — that is, you don't need to put anything between the opening and closing tags — you can just use a self-closing tag like this: