如何将图像插入状态(React)

Question

如何将图像插入状态。

我的目标是当我按下一个按钮时，图像就会显示出来。

谢谢。

Answer 1

可能是这样的：

import React, { useState } from "react";
import img from "./img/img.jpg";
const ShowImage = () => {
const [isVisible, setIsVisible] = useState(true);
return (
<div>
<button onClick={() => setIsVisible(!isVisible)}>
{isVisible ? "Hide" : "Show"}
</button>
{isVisible && <img src={img} alt="img" />}
</div>
);
};
export default ShowImage;