如何在React.js中为div的内容添加一个普通的方框阴影？

.shadow-box {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* 设置阴影效果 */
}

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

const YourComponent = () => {
  return (
    <div className="shadow-box">
      {/* div的内容 */}
    </div>
  );
}

export default YourComponent;