使用react antd包更改DIV的背景色

可以通过以下步骤实现：

首先，确保已经安装了react和antd包，并在项目中引入它们。

npm install react antd

在需要更改背景色的组件中，引入antd的样式和所需的组件。

import React from 'react';
import { Button } from 'antd';
import 'antd/dist/antd.css';

在组件的render方法中，使用antd提供的组件和样式来创建一个包含DIV的容器。

render() {
  return (
    <div className="container">
      <Button type="primary">Change Background</Button>
    </div>
  );
}

在组件的CSS文件中，定义.container类的样式，并设置背景色。

.container {
  background-color: #f0f0f0;
}

现在，当按钮被点击时，可以通过事件处理函数来更改DIV的背景色。

handleButtonClick = () => {
  const container = document.querySelector('.container');
  container.style.backgroundColor = '#ff0000';
}

render() {
  return (
    <div className="container">
      <Button type="primary" onClick={this.handleButtonClick}>Change Background</Button>
    </div>
  );
}

这样，当按钮被点击时，DIV的背景色将会更改为红色。请注意，这只是一种使用react antd包更改DIV背景色的方法，antd还提供了许多其他组件和样式，可以根据具体需求进行调整和使用。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）