my personal codes

 import React, { useState } from 'react'; const Forms = () => {     const [names, setnames] = useState({         fname: '',         lname: '',         email: ''     });     const submitting = (e) => {         e.preventDefault();       //revent default events     }     const inputEvent = (e) => {         //    const names2 = e.target.name;         //    const value = e.target.value;         const {name, value} = e.target;                //array destructure         setnames((preValue) => {             return {                 ...preValue,            //using spred operator     ...

 App.js import React from "react"; import './App.css'; import ReactDom from "react-dom"; import Forms from './froms'; function App() {  return(    <>    <Forms/>    </>  ); } export default App; forms.js import React, { useState } from 'react'; const Forms = () => {     const [names, setnames] = useState("");     const [fullnames, setfullname] = useState("");     const submitting = (e) =>{         e.preventDefault();       //revent default events     }     const inputEvent = (e) => {         console.log(e.target.value);         setnames(e.target.value);     }     const clicked = () => {         setfullname(names);     }     return (         <>             <div classNam...