点击后如何在React js上更改按钮材料UI标签的颜色？

在React.js中更改按钮材料UI标签的颜色可以通过以下步骤实现：

1. 首先，确保你已经安装了React.js和Material-UI库。你可以使用npm或yarn来安装它们。
2. 在你的React组件文件中，导入所需的库和组件：

import React from 'react';
import Button from '@material-ui/core/Button';

1. 在你的组件中，创建一个状态变量来存储按钮的颜色。你可以使用useState钩子来实现：

const [buttonColor, setButtonColor] = React.useState('primary');

1. 在按钮组件中，将按钮的颜色属性设置为状态变量buttonColor：

<Button color={buttonColor}>按钮</Button>

1. 创建一个处理函数来更改按钮颜色。你可以使用setButtonColor函数来更新状态变量的值：

const changeButtonColor = () => {
  setButtonColor('secondary');
};

1. 在组件中添加一个触发按钮颜色更改的事件，比如点击事件：

<Button color={buttonColor} onClick={changeButtonColor}>按钮</Button>

现在，当你点击按钮时，按钮的颜色将从默认的primary变为secondary。

这是一个简单的示例，你可以根据需要进行更多的定制和样式设置。如果你想了解更多关于Material-UI的信息，可以访问腾讯云的产品介绍页面：腾讯云Material-UI。