1import React, {useState} from 'react'
2
3export default () => {
4    const [fName, setfName] = useState('');
5    const [lName, setlName] = useState('');
6    const [phone, setPhone] = useState('');
7    const [email, setEmail] = useState('');
8
9const submitValue = () => {
10    const frmdetails = {
11        'First Name' : fName,
12        'Last Name' : lName,
13        'Phone' : phone,
14        'Email' : email
15    }
16    console.log(frmdetails);
17}
18
19return(
20    <>
21    <hr/>
22    <input type="text" placeholder="First Name" onChange={e => setfName(e.target.value)} />
23    <input type="text" placeholder="Last Name" onChange={e => setlName(e.target.value)} />
24    <input type="text" placeholder="Phone" onChange={e => setPhone(e.target.value)} />
25    <input type="text" placeholder="Email" onChange={e => setEmail(e.target.value)} />
26    <button onClick={submitValue}>Submit</button>
27    </>
28    )
29}
30