Я пытаюсь сделать кнопку загрузки для загрузки изображения. Перед отправкой я хочу отобразить изображение, как только оно будет выбрано.
Я использую библиотеку material-ui для реакции. Ниже я попробовал, но как только я выберу новое изображение, элемент изображения будет уничтожен из DOM.
constructor(props){
super(props);
this.state={
newImage:'https://seeklogo.com/images/I/instagram-new-2016-logo-4773FE3F99-seeklogo.com.png',
}
}
.
,
.
<Avatar
alt="Selected Image"
src={this.state.newImage}
className={classes.bigAvatar}
/>
<RaisedButton
<input
type="file"
onChange = {(event,newValue) => this.setState({newImage:newValue})}
/>
</RaisedButton>