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

how to connect two input fields in react js using hooks

Raman Kumar answered on October 14, 2022 Popularity 5/10 Helpfulness 2/10

answer how to connect two input fields in react js using hooks

how to connect two input fields in react js using hooks

Comment

import React, { useState } from "react";

export default function Form() {
  const [newCompany, setCompany] = useState("");
  const [newPosition, setPosition] = useState("");
  const [newLink, setNewLink] = useState("");
  const [newDate, setNewDate] = useState("");
  const [newNote, setNewNote] = useState("");

  return (
        <form>
          <input
            value={newCompany}
            onChange={(e) => setCompany(e.target.value)}
            label="Company"
          />
          <input
            value={newPosition}
            onChange={(e) => setPosition(e.target.value)}
            label="Job Title"
          />
          <input
            value={newLink}
            onChange={(e) => setNewLink(e.target.value)}
            label="Job Link"
          />
          <input
            type="date"
            value={newDate}
            onChange={(e) => setNewDate(e.target.value)}
          />
          <input
            value={newNote}
            onChange={(e) => setNewNote(e.target.value)}
            label="Note"
          />
          <button type="submit"> Submit </button>
        </form>
  );
}

Popularity 5/10 Helpfulness 2/10 Language javascript

Source: dev.to

Tags: connect javascript using

Link to this answer
Share Copy Link

Contributed on Oct 14 2022

Raman Kumar

0 Answers Avg Quality 2/10

how to connect two input fields in react js using hooks

Contents

More Related Answers

how to connect two input fields in react js using hooks

Grepper

Documentation

Social

Legal

Contact

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