Skip to main content

Posts

Showing posts with the label reactjs image upload and preview 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 ) } >  ...

React Image Upload and Preview Example | FileReader

How to Upload Images Using react? The file upload features are very important for web applications. It will help us to facilitate actions like setting a customer profile picture, setting up dynamic galleries, remote file storage, and file sharing, and many other functionalities. Simple component for upload images with preview built with React using FileReader . As an Example - this example will help you to upload the Images file, import   React , {  Component  }  from   'react' ; class   ImageUpload   extends   Component  {      constructor ( props ) {          super ( props );          this . state  = {              file:   '' ,              imagePreview_Url:   '' ...