react设置box-shadow属性

在React中设置box-shadow属性可以使用CSS样式表或内联样式。以下是两种方法的示例：

1. 使用CSS样式表

在CSS样式表中，可以使用box-shadow属性来设置元素的阴影效果。例如：

.box {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

在React中，可以将CSS样式表导入并将其应用于组件。例如：

import React from 'react';
import './styles.css';

function MyComponent() {
  return <div className="box">Hello World!</div>;
}

export default MyComponent;

2. 使用内联样式

在React中，可以使用style属性来设置元素的内联样式。例如：

function MyComponent() {
  const boxStyle = {
    boxShadow: '2px 2px 4px rgba(0, 0, 0, 0.3)',
  };

  return <div style={boxStyle}>Hello World!</div>;
}

export default MyComponent;

在上面的示例中，boxStyle对象包含了box-shadow属性的值，并将其传递给了div元素的style属性。