The (outer) render function, is more of a wrapper than a workhorse. It displays the fields for a one-time calendar entry that belongs to both one-time calendar entries and series. Additionally, if the calendar entry that is on the operating table is a recurring calendar entry (which will be true only if the checkbox that indicates a recurring calendar entry is checked), this function includes the added form elements that are appropriate for a recurring calendar entry:
Tip
The JSX syntax is surprisingly forgiving. However, it does have some rules, and they are enforced with descriptive error messages, including that if there are multiple elements, they need to be wrapped in an enclosing element. So, you do not write <em>Hello</em>, <strong>world</strong>!. Instead, you write <span><em>Hello</em>, <strong>world</strong>!</span>. But given a few other ground rules, JSX will do the right thing for...