Conditionally Render Components in React

InstructorAndy Van Slaars

Share this video with your friends

Send Tweet

Sometimes we want to conditionally render a child component based on some internal component state. In the case of inline editing, we need to be able to swap a component's rendered output between the read-only view of the data and the form for editing the data. In this lesson, we'll do exactly this, updating state based on user input and determining which of two components we should render based on that state value.