제공하지 않습니다"에 존재하는 유형을'문자열을 사용할 때 makestyles@mui

0

질문

나는 다음과 같은 코드:

    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 기능(또는 후크를 통화)이 오류를 수정할 수?

1

최고의 응답

1

할 수 없습니다 둥지에서 스타일은 방법은 당신이 그것을하고있다-그들은 해야 하나의 수준이 깊다. 예를 들어:

const useStyles = makeStyles(() => ({
  root: {
    position: 'absolute'
  },
  backdrop: {
    position: 'absolute'
  },
  paperScrollPaper: {
    overflow: 'visible'
  },
  paper: {
    background: 'none',
    boxShadow: 'none',
    overflow: 'hidden'
  }
}))

고:

<Dialog
  {...backdropProps}
  fullWidth
  className={classes.root}
  ...

그들의 스타일 설명서를 추가 예제입니다.

2021-11-23 21:12:21

다. 감사
Roger Peixoto

다른 언어로

이 페이지는 다른 언어로되어 있습니다

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................