/Javascript/React/Get input value in react using hooks

Get input value in react using hooks

import React, {useState} from 'react'

export default () => {
    const [fName, setfName] = useState('');
    const [lName, setlName] = useState('');
    const [phone, setPhone] = useState('');
    const [email, setEmail] = useState('');

const submitValue = () => {
    const frmdetails = {
        'First Name' : fName,
        'Last Name' : lName,
        'Phone' : phone,
        'Email' : email
    }
    console.log(frmdetails);
}

return(
    <>
    <hr/>
    <input type="text" placeholder="First Name" onChange={e => setfName(e.target.value)} />
    <input type="text" placeholder="Last Name" onChange={e => setlName(e.target.value)} />
    <input type="text" placeholder="Phone" onChange={e => setPhone(e.target.value)} />
    <input type="text" placeholder="Email" onChange={e => setEmail(e.target.value)} />
    <button onClick={submitValue}>Submit</button>
    </>
    )
}

Source: stackoverflow.com

Similar codes

0 vote156 views1 answer
React document documentMode not found
Javascript React
2 votes161 views1 answer
React add gradient top to bottom
Javascript React
-1 vote142 views1 answer
Import ReactDOM from "react-dom";
Javascript React
1 vote157 views1 answer
Statusbar reactnati
Javascript React
17 votes147 views5 answers
How to run react native app
Javascript React
38 votes170 views2 answers
How to comment out code in react js
Javascript React
1 vote142 views1 answer
Spread operator react array
Javascript React
1 vote154 views2 answers
How to not use relative imports in react js
Javascript React
1 vote140 views1 answer
React jsx style with calc
Javascript React
4 votes143 views2 answers
How to take 100% width in react native
Javascript React