есть ли способ расширить стиль на reactjs Я пробовал расширить стиль, но он не работает
cellItem:{
color: "black",
fontWeight: "bold",
[theme.breakpoints.down("xs")]: {
fontSize: "0.8em"
},
},
tableCellItem: {
extend:"cellItem", --> here I extend parent style
fontSize: "1.5em"
},
tableCellItemInSingleScreen: {
extend:"cellItem",--> here I extend parent style
fontSize: "2.5em"
}
Вы можете просто использовать функции JavaScript для этого:
const styles = theme => {
const cellItem = {
color: "black",
fontWeight: "bold",
[theme.breakpoints.down("xs")]: {
fontSize: "0.8em"
}
};
return {
cellItem,
tableCellItem: {
...cellItem,
fontSize: "1.5em"
},
tableCellItemInSingleScreen: {
...cellItem,
fontSize: "2.5em"
}
};
};
В JSS есть расширить плагин, который заставит ваш синтаксис работать, но это не один из плагинов включены в Material-UI по умолчанию, но вы можете добавить этот плагин.
Связанный ответ: Расширенный стиль в material-ui