Mastering React Test-Driven Development

Adding table row actions

The Git tag for this section is table-row-actions.

The final thing we need to do is display actions that the user can choose to take for each customer. For now, we'll need just one action: Create appointment. When the user has found the customer they are searching for, they can move on to creating an appointment for that customer by clicking a button.

We'll display these actions by using a render prop, renderCustomerActions, which is passed to CustomerSearch. This enables the component to be agnostic of which actions can be performed; the client needs to specify what those are.

I've chosen to go with a render prop simply to show you how to test that approach. In the real world, I may not have chosen to do this as ...