Что касается пользовательского интерфейса материалов, как я могу узнать свойства каждого компонента?

Question

Я пытаюсь выучить материал, но мне трудно понять, для какого компонента, какие свойства я могу использовать при его вызове? Я смотрел учебник на YouTube, где они используют AppBar

<AppBar title="Enter user details" />

как они узнают, что есть свойство "title"? Я пытался найти на официальном сайте: https://material -ui.com / api / app-bar / # props

, но никогда не говорится, что одно из свойств "title "

Это только один пример, как я могу узнать все свойства любого компонента, над которым я хочу поэкспериментировать?

Answer 1

MUI AppBar не имеет заголовка. Это было в версии 0x, как упомянул @RyanCogswell. Это было позже удалено. https://v0.material -ui.com / # / components / app-bar

Чтобы установить заголовок, нужно сделать что-то вроде этого.

<AppBar position="static">
  <Toolbar>
    <IconButton edge="start" className={classes.menuButton} color="inherit" aria-label="menu">
      <MenuIcon />
    </IconButton>
    <Typography variant="h6" className={classes.title}>
      News
    </Typography>

  </Toolbar>
</AppBar>

как узнать все свойства любого компонента, над которым я хочу поэкспериментировать?

Это будет в разделе документации по API компонентовв левой панели

Answer 2

Вы должны проверить API панели приложений, которую вы можете найти по этой ссылке:

https://material -ui.com / api / app-bar /

В AppBar есть только дети, классы, цвет, положение в качестве реквизита.

Пример: <AppBar position="sticky"></AppBar>

Имейте в виду, это реквизиты по умолчанию, которые вы можете использовать из коробки, вывсегда можете создать свой собственный компонент поверх AppBar, чтобы у вас было больше функциональности, чем вы хотели.