2016-08-27 2 views
2

Я использую группу переключателей от material-ui. Я могу установить defaultSelected для выбора по умолчанию, но после визуализации я не смогу его установить программно. Это изменяется только при нажатии на радио. Это что-то, что мы можем сделать с материальным?Как установить радиокнопку в программном режиме в файле реакции-ui

+0

Вы можете поделиться своим кодом, чтобы мы могли проверить –

ответ

7

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

Теперь в большинстве случаев вам понадобится компонент, который редактирует значение для отправки этого значения своему родительскому объекту, для отправки запроса сервера или просто сохранения этого значения в состоянии приложения, поэтому я бы сказал, что в большинстве случаев вы должен использовать контролируемый компонент.

Для этого в материале-ui вместо установки свойства defaultSelected используйте свойство valueSelected и установите его в переменную prop или state, также используйте обратный вызов 'onChange' для установки значения состояния или распространения обратный вызов вне, где вы в конечном итоге измените состояние в компоненте контроллера или обновите состояние приложения в каком-либо магазине.

+0

Спасибо. У меня уже было состояние для отслеживания выбора, использовал его для выбора по умолчанию. У меня создалось впечатление, что valueSelected должен получить значение выбора :) my bad – mtsandeep

+0

change from defaultSelected to valueВыбранный разрешил мою проблему. Благодаря тонну!!!! –

Смежные вопросы