Dado es una aplicación con la que puede administrar los usuarios. Haga clic en un botón para ser redirigido a la página UserManagement :

 <Router> <Button><Link to="/user" id="OpenUserManagementButton"> <i className="fa fg"></i>UserManagement</Link></Button> <Routes> <Route path="/user" element={<UserManagementPage />} /> </Routes> </Router>

Al mismo tiempo, el clic debería cargar todos los usuarios disponibles desde el backend .

Para esto, la siguiente función ahora está disponible en ManagementAction.js.

 export function showallUser() { console.log("Show all Users") return dispatch => { dispatch(getShowUserManagementAction()); showUser().then(userSession => { const action = getShowUserManagementActionSuccess(userSession); dispatch(action); }, error => { dispatch(getShowUserManagementErrorAction(error)); }).catch(error => { dispatch(getShowUserManagementErrorAction(error)); }) } } function showUser() { const token = localStorage.getItem("token") const requestOptions = { method: 'GET', headers: { 'Authorization': `Bearer ${token}` }, }; return fetch('https://localhost:443/user/', requestOptions) .then(handleResponse) .then(userSession => { return userSession; }); }

La UserManagementPage se ve así:

 class UserManagementPage extends Component { constructor(props) { super(props); this.state = { userList: [] } } render() { return ( <div className="page-content" id="UserManagementPage" style={{ background: 'white' }}> <UserList /> {this.state.users} </div> ) } } export default UserManagementPage

pregunta: ¿Cómo puedo usar las funciones showUser y showallUser para mostrarme todos los usuarios?