/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 vote245 views1 answer
Camera roll react native
Javascript React
0 vote272 views1 answer
Text input placeholder font family react native
Javascript React
1 vote250 views1 answer
Column width table react
Javascript React
0 vote304 views1 answer
./node_modules/react-chartjs-2/dist/index.modern.js Module not found: Can't resolve 'chart.js/auto' in 'C:\Users\shadi\WebstormProjects\PI_HR_HUB\node_modules\react-chartjs-2\dist'
Javascript React
0 vote257 views1 answer
React 5 to 10 rating
Javascript React
1 vote269 views2 answers
Line break in react
Javascript React
2 votes246 views1 answer
If back react
Javascript React
0 vote329 views1 answer
How to update state.item[1] in state using setState? React
Javascript React
1 vote236 views2 answers
React capitalize first letter
Javascript React
0 vote237 views1 answer
React focus textarea
Javascript React