React: User Profile
This tutorial demonstrates how to fetch a user's information from Auth0. We recommend you to Log in to follow this quickstart with examples configured for your account.
I want to integrate with my app15 minutes
I want to explore a sample app2 minutes
Get a sample configured with your account settings or check it out on Github.
Most applications display profile information to authenticated users. Auth0 provides a
/userinfo endpoint for that. When you send an Access Token to the endpoint, it returns a JSON object with information about the user. The information stored in that object depends on how the user logged in to your application.
To learn more about the information returned by the
/userinfo endpoint, see the /userinfo endpoint documentation.
Request the Profile Scope
To retrieve user information, request a scope of
openid profile in the instance of the
Retrieve User Information
client.userInfo method from the auth0.js library to get user information from the
Use the following arguments in the
- The user's Access Token
- A callback function with arguments for a potential error and a profile
Add a method that calls the
client.userInfo method to the
The service includes a local
userProfile member that caches the profile information you requested with the
Display the User Profile
Some applications have a dedicated profile section for displaying user information. The example below shows how to set it up.
Create a new component called
The component first looks for a profile cached on the service. If it doesn't find the profile, the component makes a call to
getProfile to get the user's information.
Allow Users to Update Their Profile
You can allow your users to update their profile information. Auth0 provides a
user_metadata object to store information that users can edit. See Metadata for more information.