在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樣式。