How to integrate a component (conditionally) inside of another component?

[sethlivingston]

Suppose I have a route that displays the details of a Foo.

path: /foos/:fooId,
element: <Foo />,
loader: loadFoos,
action: saveFoos,

The <Foo> component has a checkbox that, when selected, should display the <Baz> component at the bottom of the form. The <Baz> component needs data from loadBaz.

Further, when the <Foo> form submits, I want to run two actions: saveFoos() and saveBaz().

How does this fit into my React Router setup?