Я использую React Material Design и redux, и у меня есть компонент класса. Я пытаюсь добавить несколько пользовательских стилей в компонент rmd speeddial, вот мой компонент:
import React, { Component } from 'react';
import { connect } from 'react-redux';
import { withStyles, makeStyles } from '@material-ui/core/styles';
import { SpeedDial, SpeedDialIcon, SpeedDialAction } from '@material-ui/lab';
const useStyles = makeStyles((theme) => ({
speedDial: {
position: 'absolute'
}
}));
const actions = [...]
class ToolBar extends Component {
render() {
let { classes } = this.props;
return (
<SpeedDial
ariaLabel="SpeedDial Tools"
icon={<SpeedDialIcon />}
className={classes.speedDial}
open={this.state.open}>
{actions.map((action) => (
<SpeedDialAction
key={action.name}
icon={action.icon}
tooltipTitle={action.name}
/>
))}
</SpeedDial>
)
}
}
const mapStateToProps = state => ({...})
export default connect(mapStateToProps, null)(withStyles(useStyles)(ToolBar))
I сделал все остальное для конфигураций тем в соответствии с документацией rmd, НО Это результат, который я получаю: ![enter image description here](https://i.stack.imgur.com/mihqF.png)
Класс будет добавлен, но css не будет отображаться правильно