我正在学习 React,我想制作两个按钮:白色和黑色,将图像更改为白色 T 恤和黑色 T 恤。
我的目标是使用 React Hooks 来实现这一点。
import React, { useState, useEffect } from "react";
// import Black from "../../assets/black.jpg";
// import White from "../../assets/white.jpg";
import "./Shirts.css";
function Shirts() {
const [white, setWhite] = useState(false);
const [black, setBlack] = useState(true);
const whiteImage = require(`../../assets/white.jpg`);
const blackImage = require(`../../assets/black.jpg`);
function changeToWhite() {
console.log(setWhite(whiteImage));
}
function changeToBlack() {
console.log(setBlack(blackImage));
}
// useEffect(() => {
// setWhite(white);
// }, white);
return (
<div>
<div className="Shirts">
<img alt="T-Shirt" className="White" src={white} /> …Run Code Online (Sandbox Code Playgroud)