Estoy tratando de mostrar una imagen seleccionada de mi computadora en mi aplicación web. Remití la siguiente pregunta que aborda la pregunta que estoy tratando de solucionar.

¿Cómo mostrar la imagen seleccionada sin enviar datos al servidor?

Tengo mi parte html como esta

 <div className="add_grp_image_div margin_bottom">
      <img src={img_upload} className="add_grp_image"/>
      <input type="file" className="filetype" id="group_image"/>
      <span className="small_font to_middle">Add group image</span>
      <img id="target"/>
 </div>

Quiero mostrar la imagen seleccionada en

<img id="target"/>

¿Cómo puedo hacer esto?

Me referíFileReader documentos también.

https://developer.mozilla.org/en-US/docs/Web/API/FileReader