Skip to main content

Posts

Showing posts with the label add edit delete in reactjs forms example

Reactjs Increment Counter Example Using Hooks (React 16.8)

Hooks are a new addition in React 16.8 . They let you use state and other React features without writing a class. In the below Example , this new function useState is the first “Hook”. import   React , {  useState  }  from   'react' ; export   default   function   Counter () {      // Declare a new state variable, which we'll call "count"      const  [ count ,  setCount ] =  useState ( 0 );      return  (          < div >              < p > You clicked  { count }  times </ p >              < button   onClick = { ()  =>   setCount ( count  +  1 ) } >  ...
Read more

React Edit Multiples Input Components Example

The input elements often have a property called name, age, mobile, address, and pincode. We can access these properties from the event object that we receive from an event handler. Explore to Understand   -  React Lifecycle Components Write a generalized change handler :      handleChange  = ( event ,  propertyName )  =>  {          const   detail  =  this . state . detail ;          detail [ propertyName ] =  event . target . value ;          this . setState ({  detail:   detail  });     } As an Example, import   React , {  Component  }  from   'react' export   default   class   UserDetail   extends   Component  {      constructor ( props )...
Read more