/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

1 vote134 views1 answer
Two proptypes in react
Javascript React
0 vote149 views1 answer
React native paper modal background
Javascript React
98 votes160 views2 answers
Add bootstrap to react,.........,,,,
Javascript React
17 votes115 views5 answers
How to run react native app
Javascript React
33 votes139 views5 answers
Img tag in react
Javascript React
0 vote120 views1 answer
React native textinput turnoff capitalize first letter
Javascript React
0 vote133 views1 answer
React js and graphql integration
Javascript React
0 vote130 views1 answer
How to reset count in react
Javascript React
1 vote129 views1 answer
"react native" component dynamic children props
Javascript React
0 vote131 views1 answer
Use es6 arrow function in react
Javascript React