ReactJS按钮在单击时更改颜色

是通过使用React的事件处理机制来实现的。具体步骤如下：

首先，确保你已经安装了React和相关依赖。
创建一个React组件，可以命名为Button，该组件会渲染一个按钮元素。

import React, { useState } from 'react';

const Button = () => {
  const [color, setColor] = useState('blue'); // 定义一个颜色状态和更新状态的函数

  const handleClick = () => {
    setColor('red'); // 单击按钮时更新颜色状态为红色
  };

  return (
    <button style={{ backgroundColor: color }} onClick={handleClick}>
      点我更改颜色
    </button>
  );
};

export default Button;

在父组件中使用Button组件。

import React from 'react';
import Button from './Button';

const App = () => {
  return (
    <div>
      <h1>React按钮颜色变化示例</h1>
      <Button />
    </div>
  );
};

export default App;

通过上述代码，我们创建了一个React按钮组件，并在单击按钮时更改按钮的背景颜色。初始状态下，按钮的颜色为蓝色。当按钮被单击时，通过调用handleClick函数，将按钮的颜色状态更新为红色，从而实现了按钮颜色的变化。

React的优势在于其组件化、声明式的编程模型，使得开发者可以更轻松地构建可维护和可扩展的用户界面。React也具有出色的性能和灵活性，可以用于构建各种规模的应用程序。

这里推荐使用腾讯云的云服务器CVM来部署React应用程序，具体产品介绍和链接如下：