@jerad.kuphal
Для создания кнопки, которая показывает картинку при нажатии, вам нужно выполнить следующие шаги в React:
Ниже приведен пример кода для реализации кнопки, которая показывает картинку при нажатии в React:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
import React, { useState } from 'react'; function ButtonWithImage({ imageUrl }) { const [showImage, setShowImage] = useState(false); const handleButtonClick = () => { setShowImage(!showImage); }; return ( <div> <button onClick={handleButtonClick}>Show Image</button> {showImage && <img src={imageUrl} alt="image" />} </div> ); } |
В этом примере компонент ButtonWithImage получает URL изображения в качестве свойства imageUrl. Компонент содержит кнопку, которая вызывает метод handleButtonClick при нажатии. Этот метод использует метод setState, чтобы установить состояние showImage на противоположное его текущему значению. Компонент также содержит условную логику для отображения компонента img, только если showImage равно true.