From ee824f566add80998e2530f7bec54ff4d7a1471d Mon Sep 17 00:00:00 2001
From: MikunoNaka <bokuwakanojogahoshii@yahoo.com>
Date: Wed, 14 Apr 2021 20:29:54 +0530
Subject: Played around with forms

---
 src/components/Form/Form.js | 56 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 56 insertions(+)
 create mode 100644 src/components/Form/Form.js

(limited to 'src/components/Form/Form.js')

diff --git a/src/components/Form/Form.js b/src/components/Form/Form.js
new file mode 100644
index 0000000..1261e4b
--- /dev/null
+++ b/src/components/Form/Form.js
@@ -0,0 +1,56 @@
+import React, { useState } from "react";
+import "./Form.css";
+
+const BillingForm = () => {
+  /*
+  const sampleData = [
+    {
+      "Model": "Kisan Chair",
+      "Description":"Very good chair",
+      "Price":"10000",
+      "Discount":"3%"
+    },
+    {
+      "Model": "Supreme Chair",
+      "Description":"Even better chair",
+      "Price":"2134983",
+      "Discount":"9%"
+    }
+  ]
+  */
+  const [itemValue, setItemValue] = useState("");
+  const [descValue, setDescValue] = useState("");
+
+
+
+  return (
+    <form onSubmit={
+      (event) => {
+        event.preventDefault();
+        console.log(itemValue, descValue);
+      }
+    }>
+
+      <label>
+        Item: <input type="text" value={itemValue} onChange={
+          (event) => {
+            setItemValue(event.target.value);
+          }
+        } />
+      </label>
+
+      <label>
+        Description: <input type="text" value={descValue} onChange={
+          (event) => {
+            setDescValue(event.target.value);
+          }
+        } />
+      </label>
+
+      <input type="submit" value="add" />
+
+    </form>
+  )
+}
+
+export default BillingForm;
-- 
cgit v1.2.3