Уточнение синтаксиса условного оператора в React

Это код, который я использую. Я хочу знать, верен ли синтаксис условного оператора или нет?

<Col span = {12}>
                    <FormItem label = "Admin User Name">
                      {getFieldDecorator('username', {
                        initialValue: this.state.userName,
                        rules: [{
                          required: this.props.userNameExist === true ? {message: 'Please Input user name!'} : {message: 'User Name already Exists!'}
                        }],
                      })(
                        <Input name = "userName" placeholder = "Admin UserName"
                          onChange = {(e) => {
                            e.preventDefault(); e.stopPropagation();
                            this.handleChangeEvent(e)
                          }}
                        />
                      )}
                    </FormItem>
                  </Col>

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

this.props.userNameExist === true ? {message: 'Please Input user name!'} : {message: 'User Name already Exists!'} 

Да, это правильно. Это дает вам какие-либо ошибки?

AkshayM 15.11.2018 08:17

Ошибок нет, я просто хотел убедиться, что это

Jane Fred 15.11.2018 08:56

Мой код не работал. Это была логическая ошибка>

Jane Fred 15.11.2018 09:10

Я хотел проверить, не связано ли это с синтаксисом

Jane Fred 15.11.2018 09:11

Нет ничего плохого в синтаксисе.

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

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