-
Book Overview & Buying
-
Table Of Contents
-
Feedback & Rating

Mastering React Test-Driven Development
By :

Each row of the table will hold a Create appointment action button. When the user has found the customer that they are searching for, they can press this button to navigate to the AppointmentForm
component, creating an appointment for that customer.
We’ll display these actions by using a render prop that is passed to CustomerSearch
. The parent component—in our case, App
—uses this to insert its own rendering logic into the child component. App
will pass a function that displays a button that causes a view transition in App
itself.
Render props are useful if the child component should be unaware of the context it’s operating in, such as the workflow that App
provides.
Unnecessarily complex code alert!
The implementation you’re about to see could be considered more complex than it needs to be. There are other approaches to solving this problem: you could simply have CustomerSearch
render AppointmentFormLoader...