Интерфейс Office Fabric I [компонент] StyleProp vs I [компонент] Использование интерфейса стилей

Question

В документации пользовательского интерфейса Office Fabric каждый компонент имеет два интерфейса, например

https://developer.microsoft.com/en-us/fabric#/components/nav

имеет

интерфейс INavStyleProps

и

Интерфейс INavStyles

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

Мне интересно, есть ли способ взаимодействия с открытыми классами INavStylesчерез документацию;По сути, то, что реализация интерфейса INavStyles гарантирует потребителю компонента, кроме перечисленных классов и стилей, реализовано.Есть ли способ переопределить, настроить или иным образом взаимодействовать с классами, предоставляемыми через этот интерфейс, аналогично тому, как мы можем использовать реквизиты для взаимодействия с компонентами, реализующими INavStylesProps.

Answer 1

Вот ссылка , показывающая использование обоих интерфейсов для Nav. Это то, как мы даем Nav стили по умолчанию.

Чтобы переопределить стили по умолчанию для любой INavStyles области , вы можете использовать опору styles и передать ей styleFunctionOrObject. Как видно из первой предоставленной ссылки, INavStyleProps используются для передачи некоторых значений, которые будут использоваться при стилизации частей Nav или логических значений, чтобы иметь некоторую условную стилизацию. Кроме того, именно так мы передаем тему стилям.

Функция стиля, которую вы можете передать styles prop, будет выглядеть точно так же, как та, которую мы используем для предоставления стилей по умолчанию, за исключением getGloballClassNames. Кроме того, если вы хотите стилизовать только одну область, тип возвращаемого значения должен быть Partial<INavStyles>, так как все области обязательны, и будет жаловаться, если вы не предоставите стили для всех них.

Дайте мне знать, если это устранит путаницу в том, как использовать оба интерфейса.