나는 다음과 같은 코드:
const useStyles = makeStyles(() => ({
dialog: {
root: {
position: 'absolute'
},
backdrop: {
position: 'absolute'
},
paperScrollPaper: {
overflow: 'visible'
},
paper: {
background: 'none',
boxShadow: 'none',
overflow: 'hidden'
}
},
}))
export const LoadingBackdrop = (props: any) => {
const classes = useStyles()
const backdropProps = {
disableEscapeKeyDown: true,
disableAutoFocus: true,
disableEnforceFocus: true,
disableScrollLock: true,
disablePortal: true,
}
return (
<Dialog
{...backdropProps}
fullWidth
className={classes.dialog.root}
classes={{
paperScrollPaper: classes.dialog.paperScrollPaper,
paper: classes.dialog.paper,
paperFullWidth: classes.dialog.paper
}}
BackdropProps={{
classes: { root: classes.dialog.backdrop }
}}
style={{ position: 'absolute' }}
{...props}
>
<Loading />
</Dialog>
)
}
에 LoadingBackDrop 구성 요소에,나는 다음과 같은 오류가에서 ts eslint:
Property'root'에 존재하지 않는 형식 문자열''.ts(2339)
동일한 다른 사용됩니다.대화,단지의 이름을 변경하면 편안한...
할 수 있는 방법에 주석을 달거나 입력 makestyles 기능(또는 후크를 통화)이 오류를 수정할 수?