Login form submit in ReactJs

 Login form submit in ReactJs

Using bootstrap 

import React from "react";
import { useState } from "react/cjs/react.development";
const App = () => {
  const [text, setText] = useState(" ");
  const [texttwo, setTexttwo] = useState(" ");
  const [btn, setBtn] = useState(" ");
  const [btntwo, setBtntwo] = useState(" ");
  const onText = (event) => {
    setText(event.target.value);
  }
  const onTextTwo=(event)=>{
    setTexttwo(event.target.value);
  }
  const btnClick = (event) => {
    event.preventDefault();
    setBtn(text)
    setBtntwo(texttwo)
  }
  return (
    <>
      <div className="container my-3">
        <form onSubmit={btnClick}>
          <div class="mb-3">
            <label for="exampleFormControlTextarea1" class="form-label">Enter first Name.</label>
            <input type="text" onChange={onText} class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" />
            <label for="exampleFormControlTextarea1" class="form-label">Enter last Name.</label>
            <input type="text" onChange={onTextTwo} class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" />
          </div>
          <button type="submit" class="btn btn-primary">Submit</button>
        </form>
      </div>
      <div className="container">
        <div class="mb-3">
          <h2>Textarea</h2>
          <div className="container">
            <p>{btn}  {btntwo}</p>
          </div>
        </div>
      </div>
    </>
  );
}
export default App;