reactjs - Ionic React 如何使用 css 属性

Question

我是 IonicReact 的新手，我不知道如何对该组件使用 css 属性。例如我正在使用 IonItem 组件，但它不起作用

<IonItem lines="none" className={classes.ionItem}>
...
</IonItem>

它具有默认的填充和高亮效果，所以我想删除它但不知道该怎么做。我尝试使用useStyles()和CSSProperties但不起作用。

它具有自定义 css 属性，例如 --highlight-height、--inner-padding-start，但不确定如何将它们与 useStyles 和 CSSProperties 一起使用。

Answer 1

const ionItem: CSSProperties = {
    width: '100%',
    '--padding-start': '0px',
}

let classes= useStyles();
<IonItem className={classes.ionItem}>...</IonItem>

它应该工作。