Есть ли способ сделать обязательными переключатели React Material-UI?

Я новичок в React JS. в настоящее время я использую Material-UI для создания небольших повторно используемых компонентов. Есть ли способ сделать обязательными переключатели Material-UI?

как поле ввода, показывающее текст «Это поле обязательно», когда оно пусто

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
3
0
4 415
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Предполагая, что у вас есть несколько переключателей, вы можете сделать один из них выбранным по умолчанию. В конце переключатели указывают на выбор, пользователь должен выбрать один из них.

Если это кажется вам неправильным, вы можете выполнить пользовательскую проверку.

Не уверен, почему это принятый ответ. @dtelaroli предоставляет именно то, что просили, без необходимости выполнять «индивидуальную проверку».

panepeter 27.02.2021 14:43
Ответ принят как подходящий

Вы можете использовать свойство name и добавить необходимое свойство к радиокомпоненту (измените значения на ваше свойство value):

<RadioGroup name = "nameRadio" value = {''}>
    <FormControlLabel
          value = {'value1'}
          control = {<Radio required = {true} />}
          label = {'Label 1'}
        />
     <FormControlLabel
          value = {'value2'}
          control = {<Radio required = {true} />}
          label = {'Label 2'}
        />
  </RadioGroup>

Другие вопросы по теме