首页 > 其他分享 >React: 按钮点击时修改颜色

React: 按钮点击时修改颜色

时间:2022-11-24 13:36:14浏览次数:37  
标签:handleClick 按钮 React 点击 setActive import

背景

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

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

标签:handleClick,按钮,React,点击,setActive,import
From: https://www.cnblogs.com/leoych/p/16921556.html

相关文章