Which React hook we use to get value from an input box?

Fragile Flatworm answered on March 30, 2021 Popularity 8/10 Helpfulness 4/10

answer Which React hook we use to get value from an input box?

related get input value in react using hooks

Which React hook we use to get value from an input box?

Comment

import {useRef} from 'react';

const App = () => {
  const inputRef = useRef(null);

  function handleClick() {
    console.log(inputRef.current.value);
  }

  return (
    <div>
      <input
        ref={inputRef}
        type="text"
        id="message"
        name="message"
      />

      <button onClick={handleClick}>Log message</button>
    </div>
  );
};

export default App;

Popularity 8/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: get hook input javascript

Link to this answer
Share Copy Link

Contributed on Oct 30 2022

Fragile Flatworm

0 Answers Avg Quality 2/10

Closely Related Answers

get input value in react using hooks

Comment

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>
    </>
    )
}

Popularity 10/10 Helpfulness 7/10 Language javascript

Source: stackoverflow.com

Tags: get

Link to this answer
Share Copy Link

Contributed on Mar 30 2021

Yeomeo

0 Answers Avg Quality 2/10

Which React hook we use to get value from an input box?

Contents

More Related Answers

Which React hook we use to get value from an input box?

Closely Related Answers

get input value in react using hooks

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.