Breaking News: Grepper is joining You.com. Read the official announcement!

uncontrolled form react

M Hassan khan answered on January 12, 2023 Popularity 9/10 Helpfulness 3/10

answer uncontrolled form react

related uncontrolled component react

uncontrolled form react

Comment

const [requestParams, setRequestParams] = useState({
  location: "",
  animal: "",
  breed: "",
});

const results = useQuery(["search", requestParams], fetchSearch);
const pets = results?.data?.pets ?? [];

<form onSubmit=(e=>{

// The form submit function body
e.preventDefault();
const formData = new FormData(e.target);
const obj = {
  animal: formData.get("animal") ?? "",
  breed: formData.get("breed") ?? "",
  location: formData.get("location") ?? "",
};
setRequestParams(obj);
}

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Jan 12 2023

M Hassan khan

0 Answers Avg Quality 2/10

Closely Related Answers

uncontrolled component react

Comment

import React, { useRef } from 'react';

function UncontrolledInput() {
  const inputRef = useRef(null);

  const handleSubmit = (e) => {
    e.preventDefault();
    console.log(inputRef.current.value);
  }

  return (
    <form onSubmit={handleSubmit}>
      <input type="text" ref={inputRef} />
      <button type="submit">Submit</button>
    </form>
  );
}

export default UncontrolledInput;

Popularity 8/10 Helpfulness 2/10 Language javascript

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

uncontrolled form react

Contents

More Related Answers

uncontrolled form react

Closely Related Answers

uncontrolled component react

Grepper

Documentation

Social

Legal

Contact

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