Table of Contents generated with DocToc

• <if>

<if>

The <if> structural component is your basic conditional. It takes a condition attribute, and renders the JSX that it contains if the condition is true, or no JSX if it's false.

Here's an example:

export default <div>
    If you're happy and you know it
    <if condition={ true }>
        clap your hands
    </if>
</div>;

The <if> component is often coupled with <else> and <elseif>.