-
+
-
📚 Documentation - 🚀 Getting Started - 💻 API Reference - 💬 Feedback
@@ -26,8 +26,8 @@Documentation
- Quickstart - our interactive guide for quickly adding login, logout and user information to a React app using Auth0.
- Sample App - a full-fledged React application integrated with Auth0. -
- FAQs - frequently asked questions about the auth0-react SDK. -
- Examples - code samples for common React authentication scenario's. +
- FAQs - frequently asked questions about the auth0-react SDK. +
- Examples - code samples for common React authentication scenario's.
- Docs site - explore our docs site and learn more about Auth0.
Configure the SDK
Use the useAuth0 hook in your components to access authentication state (isLoading, isAuthenticated and user) and authentication methods (loginWithRedirect and logout):
// src/App.js
import React from 'react';
import { useAuth0 } from '@auth0/auth0-react';
function App() {
const { isLoading, isAuthenticated, error, user, loginWithRedirect, logout } =
useAuth0();
if (isLoading) {
return <div>Loading...</div>;
}
if (error) {
return <div>Oops... {error.message}</div>;
}
if (isAuthenticated) {
return (
<div>
Hello {user.name}{' '}
<button onClick={() => logout({ logoutParams: { returnTo: window.location.origin } })}>
Log out
</button>
</div>
);
} else {
return <button onClick={() => loginWithRedirect()}>Log in</button>;
}
}
export default App;
For more code samples on how to integrate auth0-react SDK in your React application, have a look at our examples.
+For more code samples on how to integrate auth0-react SDK in your React application, have a look at our examples.
API reference
@@ -111,7 +111,7 @@Contributing
@@ -133,7 +133,7 @@Vulnerability Reporting
Auth0 is an easy to implement, adaptable authentication and authorization platform. To learn more checkout Why Auth0?
-This project is licensed under the MIT license. See the LICENSE file for more info.