Как отправить реквизит, щелкнув изображение в react

Я использую компонент Диалог в Material-UI.

Я установил onClick, чтобы открывать диалоговое окно при нажатии на изображение.

<img
  onClick={this.handleClickOpen}
  alt="..."
  src={studio2}
  className={navImageClasses}
/>

Так выглядит диалог на уровне кода

<Dialog
  open={this.state.open}
  TransitionComponent={Transition}
  keepMounted
  onClose={this.handleClose}
>
  <DialogTitle id="alert-dialog-slide-title">
    {"Test title"}
  </DialogTitle>
  <DialogContent>
    <DialogContentText id="alert-dialog-slide-description">
      {"I wanna put the image here."}
    </DialogContentText>
  </DialogContent>
</Dialog>

Когда я щелкаю изображение, я хочу передать весь тег изображения внутрь, чтобы я мог показать увеличенное изображение. Поскольку я новичок в React, я очень потерялся здесь, чтобы сделать это. Может ли кто-нибудь помочь мне в этом?

1
0
64
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

e.target содержит весь необходимый вам реквизит:

handleClickOpen = e => {
  console.log(e.target.src)
}

Оглушительный! Спасибо!

Jae P. 13.09.2018 20:33

Кстати, после получения src, передать его на <Dialog/> через state наиболее условно?

Jae P. 13.09.2018 20:36

Другие вопросы по теме