Upload New File

client/src/Components/Forms/remove_user.jsx

+import React, { Component } from 'react'
+import './forms.css'
+import axios from 'axios';
+export default class Udel extends Component{
+   constructor(props){
+      super(props);
+      this.state = {
+         user_id: ''
+      }
+      this.handleChange=this.handleChange.bind(this);
+      this.remove=this.remove.bind(this);
+   }
+   handleChange(event){
+      this.setState({
+         user_id : event.target.value
+      });
+     
+   }
+   remove(event){
+      axios.delete('http://localhost:5000/user/'+this.state.user_id)
+      .then(
+         window.alert((this.state.user_id.toString()).concat(" is removed!"))
+      )
+      event.preventDefault();
+   }
+   render(){
+      return(
+         <div>
+         <h3 style={{fontFamily:"Roboto",marginLeft:"20px"}}>
+            <b>REMOVE USER</b>
+         </h3>
+         <form>
+         <div><input type="text" placeholder="User_id" style={{marginLeft:"30px"}} onChange={this.handleChange} required/></div>
+        
+         <div><input type="submit" value="Remove" style={{marginBottom:"20px"}} onClick={this.remove}/></div>
+        
+        
+        </form>
+        </div>
+      )
+   }
+}
\ No newline at end of file