Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import React, { Component } from 'react';
- import axios, { post } from 'axios';
- class App extends Component {
- constructor(props){
- super(props);
- this.state = {
- userList:[]
- }
- }
- ComponentDidMount(){
- if(window.sessionStorage.getItem("ud") !== null){
- var _userData = JSON.parse(window.sessionStorage.getItem("ud"));
- this.userDetails = _userData;
- }
- this.getAllUser();
- }
- getAllUser(){
- axios({
- method:"GET",
- url:"http://62.210.93.54:6010/api/getAllUser",
- auth:{
- username:this.userDetails.email,
- password:this.userDetails.password
- }
- }).then((response)=>{
- console.log(response.data);
- this.setState({
- userList:response.data.results
- })
- })
- }
- displayUsers(){
- return this.state.userList.map( user => {
- return(
- <div className="item-card">
- <div className="info">
- <div className="username">Username: {user.name}</div>
- </div>
- <div className="del-wrap">
- <img src={require("../../images/cancel.svg")}/>
- </div>
- </div>
- );
- })
- }
- render() {
- return(
- <div className="users-wrap">
- <h1>Users</h1>
- <div className="task-content">
- <div className="user-wrap">
- <div className="users">
- <div className="item-card add">
- <img src={require("../../images/plus.svg")} className="plus-icon" />
- <div className="lbl">Add a new User</div>
- </div>
- {this.displayUsers()}
- </div>
- </div>
- </div>
- </div>
- );
- }
- }
- export default App;
Add Comment
Please, Sign In to add comment