Как загрузить и отобразить изображение, используя функции реакции (не класс)?

Question

Я новичок, чтобы реагировать. js и JS в целом. Я ищу пример кода, который:

1. использует функции реакции, а не классы.
2. позволяет пользователю загружать изображение с помощью
3. , а затем отображать это изображение на экран

Заранее спасибо.

Answer 1

Первое изображение должно быть скопировано в путь проекта и импортировано на вашу страницу

import img from "../../assets/img/logo.svg";

    render() {
        return (
                <div className="content" >
                     <img id="logo-img" src={img} alt="logo" />
                   </div>
                )
             }