Ioni c Реагирует, как использовать css свойства

Question

Я новичок в IonicReact и не знаю, как использовать css свойства для этого компонента. Например, я использую компонент IonItem, но он не работает

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

Он имеет отступы по умолчанию и эффект выделения, поэтому я хочу удалить его, но не уверен, как это сделать. Я пытался использовать useStyles () и CSSProperties , но не работает.

У него есть пользовательские css свойства, такие как --highlight-height, --inner-padding -старт, но не уверен, как использовать их с useStyles и CSSProperties.

Answer 1

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

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

Должно работать.