如何在React JS中更改被点击按钮的颜色？

在React JS中更改被点击按钮的颜色可以通过以下步骤实现：

1. 首先，在React组件中定义一个状态变量来存储按钮的颜色。可以使用useState钩子函数来创建状态变量，初始值可以设置为按钮的默认颜色。

import React, { useState } from 'react';

function Button() {
  const [buttonColor, setButtonColor] = useState('blue');

  return (
    <button style={{ backgroundColor: buttonColor }} onClick={() => setButtonColor('red')}>
      Click me
    </button>
  );
}

export default Button;

1. 在按钮的onClick事件处理函数中，调用setButtonColor函数来更新按钮的颜色。可以将新的颜色作为参数传递给setButtonColor函数。

在上述代码中，按钮的初始颜色设置为蓝色。当按钮被点击时，onClick事件处理函数会将按钮的颜色更新为红色。通过使用内联样式的方式，可以将按钮的背景颜色设置为状态变量buttonColor的值。

这样，当按钮被点击时，React会重新渲染组件，并根据新的状态值更新按钮的颜色。

这是一个简单的示例，你可以根据实际需求进行修改和扩展。如果你想了解更多关于React JS的知识，可以参考腾讯云的React产品介绍页面：React产品介绍。