Coding Challenge

Problem statement

Currently, our React app is using a REST API to call for different user’s data. That data is then loaded and rendered in the application UI.

Using the additional data available in the API request for a specific user, we’ll add an email field to the UI that will display it for the selected user.

This code challenge requires us to add the necessary state variable for email, add a UI component, and to update the state variables in the appropriate places. Check the JSON output from the REST API call to the Flask server to see what key needs to be used to extract the email value from the JSON data.

To make sure that we can see the entire email address in the TextField box, increase the width that the text fields use to 250px.