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 './App.css'; import Cntr from './Cntr'; function App() {  return(    <>    <Cntr/>    </>  ); } export default App; Cntr.js import React, {useState} from 'react'; //use state is used to change the sate of a varibale means update a value with a eventlistner in our DOM.  export default function Cntr() {     const [count , setCount] = useState(0);   // const[variable , update value fuction] = useState (variable initialization);         const valinc = () =>{              setCount(count+1);   //set setcount function     }     return (         <div className="col-6 m-auto mt-4">               <h1 className="text-center">{count}</h1>               <p className="text-center"><button className...