C# Developer’s Guide to React.js (Part 3): Conditionally Rendering HTML in React

This is the third in a series of posts on interesting things I've discovered about React; the first two parts can be found here:

  1. C# Developer's Guide to React.js (Part 1): Create and Run
  2. C# Developer's guide to React.js (Part 2): Moving Controls

One of the things that tripped me up early on while I was learning React (not that I'm a fully-fledged expert now or anything) was how to display HTML elements based on a given criteria. For example, say you only want to display a label while the form is loading, or you want to display a message based on other information on the screen.