如何在Reactjs的动态添加按钮中设置CSS

import React, { useState } from 'react';

function MyComponent() {
  const [buttonStyle, setButtonStyle] = useState({}); // 初始样式为空对象

  // ...

  return (
    <div>
      {/* 渲染按钮 */}
      <button style={buttonStyle}>按钮</button>
      {/* 其他组件内容 */}
    </div>
  );
}

function MyComponent() {
  const [buttonStyle, setButtonStyle] = useState({});

  // 处理按钮点击事件
  const handleButtonClick = () => {
    // 更新按钮样式
    setButtonStyle({
      backgroundColor: 'blue',
      color: 'white',
      // 其他样式属性
    });
  };

  return (
    <div>
      <button style={buttonStyle} onClick={handleButtonClick}>按钮</button>
      {/* 其他组件内容 */}
    </div>
  );
}