React: 按钮点击时修改颜色

背景

当存在多个点击按钮时,需要提示用户点击的哪个按钮,所以要进行颜色的修改

import * as React from 'react';
import './style.css';

export default function App() {
  const [active, setActive] = React.useState('red');
  const handleClick = () => {
    setActive('green');
  };
  return (
    <div>
      <button style={{ backgroundColor: active }} onClick={() => handleClick()}>
        123
      </button>
    </div>
  );
}

代码截图

image

效果实现

image

posted @   胸怀丶若谷  阅读(323)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· DeepSeek “源神”启动!「GitHub 热点速览」
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求
· 2 本地部署DeepSeek模型构建本地知识库+联网搜索详细步骤
点击右上角即可分享
微信分享提示

目录导航