This is my login form i want to auth login with web api url.i am done web api login,the
only think I want how can i call web api here
  1. import React, { useState } from 'react';  
  2. import {useFormik, yupToFormErrors} from 'formik';  
  3. import * as yup from 'yup';  
  4. import 'bootstrap/dist/css/bootstrap.min.css';  
  5. import 'font-awesome/css/font-awesome.min.css';  
  6. import showPwdImg from './show-password.svg';  
  7. import hidePwdImg from './hide-password.svg';  
  8. const Login =() =>{  
  9.   const [isRevealPwd, setIsRevealPwd] = useState(false);  
  10. const formik = useFormik({  
  11. initialValues:{  
  12. name:"",  
  13. password:""   
  14.    
  15. },  
  16. validationSchema:yup.object({  
  17. name:yup.string()              
  18. .required('UserName is required')  
  19. .strict()  
  20. .trim()  
  21. .min(5)   
  22. .max(15,'Maximum 15 character') ,  
  23.    
  24. password:yup.string()  
  25. .required('Password is required')  
  26. .min(6)   
  27. .max(15,'Maximum 10 character')     
  28. }),  
  29.   
  30. onSubmit:(userInputData)=>{  
  31. console.log(userInputData);  
  32. }  
  33. })   
  34. return(  
  35.      
  36. "container mt-4">  
  37.   
  38.   
  39.    "off" onSubmit={formik.handleSubmit}>  
  40.       "form-group">  
  41.       "head-form">  
  42.             

    Log In

      
  43.              
  44.            
  45.            
  46.          "input-icons">  
  47.          "fa fa-user icon">  
  48.          "form-control" placeholder="Username" type="text" name="name" id="login"onChange={formik.handleChange} value={formik.values.name}/>  
  49.          
  
  •          {formik.errors.name ?  
  •          "text-danger">{formik.errors.name}