Решено: установите флажок с помощью «Запустить Javascript…»
Информационный бюллетень сообщества и предстоящие события за май 2023 г.
Добро пожаловать в наш Информационный бюллетень сообщества за май 2023 г., где мы будем освещать последние новости, выпуски, предстоящие отличная работа наших участников в сообществах Biz Apps. Если вы новичок в этой группе LinkedIn, обязательно подпишитесь здесь, в новостях и объявлениях, чтобы быть в курсе последних новостей от нашей постоянно растущей сети участников, которые «изменили свое представление о коде». ПОСЛЕДНИЕ НОВОСТИ «Понедельники в Microsoft» в прямом эфире на LinkedIn — 8:00 по тихоокеанскому стандартному времени — понедельник, 15 мая — выпейте утренний кофе в понедельник и присоединяйтесь к главным менеджерам программы Хизер Кук и Каруане Гатиму на премьере эпизода «Понедельники в Microsoft»! Это шоу положит начало запуску нового канала сообщества Microsoft в LinkedIn и охватит целый ряд горячих тем из #PowerPlatform, #ModernWork, #Dynamics365, #AI и всего, что между ними. Просто нажмите на изображение ниже, чтобы зарегистрироваться и присоединиться к команде в прямом эфире в понедельник, 15 мая 2023 года, в 8:00 по тихоокеанскому стандартному времени. Надеюсь увидеть тебя там! Исполнительный основной доклад | День успеха клиентов Microsoft CVP for Business Applications & Platform, Charles Lamanna, делится последними усовершенствованиями и обновлениями продукта #BusinessApplications, чтобы помочь клиентам достичь результатов в бизнесе. S01E13 Power Platform Connections — 12:00 по тихоокеанскому стандартному времени — четверг, 11 мая В тринадцатом эпизоде Power Platform Connections Хьюго Бернье глубоко погружается в мысли соведущего Дэвида Уорнера II, а также рецензирует замечательные работы Денниса Гедегебюра, Кейта Атертона, Майкла Мегеля, Кэт Шнайдер и других. Нажмите ниже, чтобы подписаться и получать уведомления, с Дэвидом и Хьюго LIVE в чате YouTube с 12:00 по тихоокеанскому стандартному времени. И используйте хэштег #PowerPlatformConnects в социальных сетях, чтобы получить шанс представить свою работу в шоу.
Компонент React Radio Group — Material UI
Редактировать эту страницуRadio Group позволяет пользователю выбрать один вариант из набора.
Используйте переключатели, когда пользователю нужно увидеть все доступные параметры. Если доступные параметры можно свернуть, рассмотрите возможность использования компонента Select, так как он занимает меньше места.
Радиокнопки должны иметь наиболее часто используемый параметр, выбранный по умолчанию.
- Обратная связь
- Размер пакета
- WAI-ARIA
- Material Design
- Figma
- Adobe
- Sketch
Radio group
RadioGroup
— полезная оболочка, используемая для группировки компонентов
, которая обеспечивает более простой API и правильная доступность клавиатуры для группы.
<Контроль формы>Пол <Радиогруппа aria-labeledby="демо-радио-кнопки-группа-метка" defaultValue="женщина" name="группа радиокнопок" >} label="Female" /> } label="мужской" /> } label="Other" /> Контроль формы>
Нажмите Введите , чтобы начать редактирование. 1 Controlled
Вы можете управлять радио с помощью значения
и onChange
props:
<Контроль формы>Пол <Радиогруппа aria-labeledby="демо-управляемая группа радио-кнопок" name="группа управляемых радиокнопок" значение = {значение} onChange={handleChange} >} label="Female" /> } label="мужской" /> Контроль формы>
Нажмите Введите чтобы начать редактирование
Автономные переключатели
Радио
также можно использовать автономно, без оболочки RadioGroup.
<Радио проверено={выбранное значение === 'а'} onChange={handleChange} значение = "а" name="радио-кнопки" inputProps={{ 'метка-арии': 'A' }} /> <Радио проверено={выбранное значение === 'б'} onChange={handleChange} значение = "б" name="радио-кнопки" inputProps={{ 'aria-label': 'B' }} /><Радио проверено={выбранное значение === 'а'} onChange={handleChange} значение = "а" name="радио-кнопки" inputProps={{ 'метка-арии': 'A' }} /> <Радио проверено={выбранное значение === 'б'} onChange={handleChange} значение = "б" name="радио-кнопки" inputProps={{ 'aria-label': 'B' }} />
Нажмите Введите , чтобы начать редактирование.
<Радио {...controlProps('b')} /> <Радио {...controlProps('c')} х = {{ '& .MuiSvgIcon-root': { размер шрифта: 28, }, }} />
Нажмите Введите , чтобы начать редактирование
Цвет
<Радио {...controlProps('a')} /><Радио {...controlProps('е')} х = {{ цвет: розовый[800], '&.Mui-проверено': { цвет: розовый[600], }, }} />
Нажмите Введите , чтобы начать редактирование. TopStartBottomEnd
Показать ошибку
В общем, радиокнопки должны иметь значение, выбранное по умолчанию. Если это не так, вы можете отобразить сообщение об ошибке, если при отправке формы не выбрано значение:
Вводная викторина: MUI… Лучший! Худший.Выбирайте с умом
Настройка
Вот пример настройки компонента. Вы можете узнать больше об этом на странице документации по переопределениям.
ПолЖенский Мужской Другой (параметр отключен)
useRadioGroup
Для расширенных вариантов использования настройки доступен хук useRadioGroup()
.
Он возвращает значение контекста родительской радиогруппы.
Компонент Radio использует этот хук внутри.
API
импорт {useRadioGroup} из '@mui/material/RadioGroup';
Возвращает
значение
( объект ):
-
значение.имя
( строка [необязательно]): имя, используемое для ссылки на значение элемента управления. -
value.onChange
( func [необязательно]): обратный вызов запускается при выборе переключателя. -
значение.значение
( любой [необязательно]): значение выбранного переключателя.
Пример
FirstSecond} /> } />
Нажмите Введите , чтобы начать редактирование
Когда использовать
- Флажки и радиокнопки
Специальные возможности
(WAI-ARIA: https://www.w3.org/WAI/ARIA/apg/patterns/radio/)
Все элементы управления формой должны иметь метки, включая переключатели, флажки, и переключатели. В большинстве случаев это делается с помощью элемента