Реагировать: установить значение радиокнопки в зависимости от условия

В ответ, как мы устанавливаем значение в зависимости от условия. Радиокнопки предназначены только для визуального представления. Эти значения не будут сохраняться в базе данных или считываться из базы данных.

Например, мне нужно сделать проверку радио (sales-team-yes) на основе другого значения customerService.onField, не равного нулю.

<div className = "col-xs-2">
                <div className = "field-label">Sales Team?</div>
                <Field
                    id = "sales-team-yes"
                    label = "Yes"
                    /* name = "salesTeam" */
                    component = {RadioField}
                    type = "radio"
                    checked = {customerService.onField != null ? true : false}
                   /* value = {customerService.onField != null ? true : false}*/
                    readOnly
                    disabled/>
                <Field
                    id = "sales-team-no"
                    label = "No"
                   /* name = "salesTeam" */
                    component = {RadioField}
                    type = "radio"
                    checked = {customerService.onField == null ? false : true}
                   /* value = {customerService.onField != null ? true : false}*/
                    readOnly
                    disabled/>
                </div>
 </div>

из какой библиотеки вы импортируете Feild? Думаю, вам нужно использовать RadioGroup вместо отдельных радиостанций.

Noushad 04.04.2018 23:18

Я отклонил это, потому что вы не показали, в частности, реализацию Field или RadioField, поэтому никто не может помочь, если не знает, откуда они.

Dominic 04.04.2018 23:25

@DominicTobias Я новичок в React. Я добавил реализацию для Radio.

ssl 04.04.2018 23:30

@NoushadPP Я добавил код, пожалуйста, проверьте его

ssl 04.04.2018 23:31

Вы поместили туда два компонента - Input и Radio, который из них Field и RadioField?

Dominic 05.04.2018 10:16

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

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

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