получить путь к источнику изображения с помощью события onclick в следующем js - PullRequest
Новая
       33

получить путь к источнику изображения с помощью события onclick в следующем js

0 голосов
/ 06 августа 2020

получить источник изображения, когда событие щелчка изображения запускается в следующем js. 

const imagesource = () =>{      
 render () {
    const imageClick = () => {
      console.log('Click',this.src);
    } 
    return (
       <div>
          <img src={require('/myfolder/myimage.png') onClick={this.imageClick()} />
       </div>
    );
 }

} экспорт исходного изображения по умолчанию

1 Ответ

0 голосов
/ 06 августа 2020

То же самое и с React. Вы получаете доступ к объекту события по щелчку, а затем нацеливаетесь на атрибуты элемента DOM. Это будет выглядеть примерно так: 

const GetImagePath = () => {

  const getPath = e => {
    e.preventDefault();
    console.log("resource path: ", e.target.src);
  };

  return (
    <>
      <div>Click on the picture to get path</div>
      <img src="sample.jpg" alt="cute corgi" onClick={getPath} />
    </>
  );
};

export default GetImagePath;

Надеюсь, это поможет.

...