how to edit multiple inputs react

Energetic Elk answered on March 17, 2022 Popularity 10/10 Helpfulness 4/10

answer how to edit multiple inputs react

how to edit multiple inputs react

Comment

import React, { useState } from "react";

const initialContact = { firstName: "", lastName: "", phone: "" };

export default function App() {
  const [contact, setContact] = useState(initialContact);

  const handleChangeFor = (propertyName) => (event) => {
    setContact((contact) => ({
      ...contact,
      [propertyName]: event.target.value
    }));
  };

  return (
    <div>
      <input
        type="text"
        onChange={handleChangeFor("firstName")}
        value={contact.firstName}
      />
      <input
        type="text"
        onChange={handleChangeFor("lastName")}
        value={contact.lastName}
      />
      <input
        type="text"
        onChange={handleChangeFor("phone")}
        value={contact.phone}
      />
    </div>
  );
}

Popularity 10/10 Helpfulness 4/10 Language typescript

Source: thewebdev.info

Tags: edit typescript

Link to this answer
Share Copy Link

Contributed on Mar 17 2022

Energetic Elk

0 Answers Avg Quality 2/10

how to edit multiple inputs react

Contents

More Related Answers

how to edit multiple inputs react

Grepper

Documentation

Social

Legal

Contact

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