在React中优雅地使用padding可以通过内联样式或者CSS模块来实现。以下是两种方法:
function MyComponent() {
return <div style={{padding: '20px'}}>Hello World</div>;
}
在样式文件(styles.css)中定义样式:
.myComponent {
padding: 20px;
}
在组件中引入样式文件并应用样式:
import React from 'react';
import styles from './styles.css';
function MyComponent() {
return <div className={styles.myComponent}>Hello World</div>;
}
这样就可以在React中优雅地使用padding样式了。根据具体的需求和项目情况选择合适的方法来添加padding样式。