/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 vote213 views1 answer
React native cors origin
Javascript React
0 vote207 views1 answer
React i18n with parameeter
Javascript React
0 vote235 views1 answer
Too many open files react native
Javascript React
0 vote268 views1 answer
React Cache buster
Javascript React
0 vote216 views1 answer
React scrip for deplot heroku
Javascript React
1 vote204 views1 answer
I18n turn off suspense react
Javascript React
2 votes276 views3 answers
There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally.
Javascript React
5 votes198 views2 answers
TypeError: t is not a function React
Javascript React
0 vote156 views1 answer
React native pdf creater html-to-pdf
Javascript React
112 votes267 views6 answers
Import bootstrap 4 in react
Javascript React