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

npm install react antd

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

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

.container {
  background-color: #f0f0f0;
}

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>
  );
}