如何在react中显示半透明的div？

.transparent-div {
  background-color: rgba(0, 0, 0, 0.5); /* 设置背景颜色为黑色，透明度为0.5 */
  width: 100px;
  height: 100px;
}

import React from 'react';
import './YourComponent.css'; // 引入CSS文件

class YourComponent extends React.Component {
  render() {
    return (
      <div className="transparent-div"></div>
    );
  }
}

export default YourComponent;