Clarification for syntax of conditional operator in React
0
This is the code I'm using . I want to know that the syntax of the conditional operator is correct or not?
<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.handleChange(e)
}}
/>
)}
</FormItem>
</Col>
This is the line of code that I want to know whether the syntax is right or not.
this.props.userNameExist === true ? {message: 'Please Input user name!'} : {message: 'User Name already Exists!'}
reactjs redux
asked Nov 15 '18 at 5:14
Jane FredJane Fred
5612
add a comment |
0
This is the code I'm using . I want to know that the syntax of the conditional operator is correct or not?
<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.handleChange(e)
}}
/>
)}
</FormItem>
</Col>
This is the line of code that I want to know whether the syntax is right or not.
this.props.userNameExist === true ? {message: 'Please Input user name!'} : {message: 'User Name already Exists!'}
reactjs redux
asked Nov 15 '18 at 5:14
Jane FredJane Fred
5612
1
Yes this is correct. Is it giving you any errors?
– AkshayM
Nov 15 '18 at 7:17
No errors I just wanted to make sure it
– Jane Fred
Nov 15 '18 at 7:56
The code of mine didn't worked. It was logical error>
– Jane Fred
Nov 15 '18 at 8:10
I wanted to check whether it's due to the syntax
– Jane Fred
Nov 15 '18 at 8:11
1
No there is nothing wrong with the syntax.
– AkshayM
Nov 15 '18 at 12:46
add a comment |
0
0
0
This is the code I'm using . I want to know that the syntax of the conditional operator is correct or not?
<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.handleChange(e)
}}
/>
)}
</FormItem>
</Col>
This is the line of code that I want to know whether the syntax is right or not.
this.props.userNameExist === true ? {message: 'Please Input user name!'} : {message: 'User Name already Exists!'}
reactjs redux
asked Nov 15 '18 at 5:14
Jane FredJane Fred
5612
This is the code I'm using . I want to know that the syntax of the conditional operator is correct or not?
<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.handleChange(e)
}}
/>
)}
</FormItem>
</Col>
This is the line of code that I want to know whether the syntax is right or not.
this.props.userNameExist === true ? {message: 'Please Input user name!'} : {message: 'User Name already Exists!'}
reactjs redux
reactjs redux
asked Nov 15 '18 at 5:14
Jane FredJane Fred
5612
asked Nov 15 '18 at 5:14
Jane FredJane Fred
5612
asked Nov 15 '18 at 5:14
Jane FredJane Fred
5612
asked Nov 15 '18 at 5:14
Jane FredJane Fred
5612
asked Nov 15 '18 at 5:14
Jane FredJane Fred
5612
5612
1
Yes this is correct. Is it giving you any errors?
– AkshayM
Nov 15 '18 at 7:17
No errors I just wanted to make sure it
– Jane Fred
Nov 15 '18 at 7:56
The code of mine didn't worked. It was logical error>
– Jane Fred
Nov 15 '18 at 8:10
I wanted to check whether it's due to the syntax
– Jane Fred
Nov 15 '18 at 8:11
1
No there is nothing wrong with the syntax.
– AkshayM
Nov 15 '18 at 12:46
add a comment |
1
Yes this is correct. Is it giving you any errors?
– AkshayM
Nov 15 '18 at 7:17
No errors I just wanted to make sure it
– Jane Fred
Nov 15 '18 at 7:56
The code of mine didn't worked. It was logical error>
– Jane Fred
Nov 15 '18 at 8:10
I wanted to check whether it's due to the syntax
– Jane Fred
Nov 15 '18 at 8:11
1
No there is nothing wrong with the syntax.
– AkshayM
Nov 15 '18 at 12:46
1
1
Yes this is correct. Is it giving you any errors?
– AkshayM
Nov 15 '18 at 7:17
Yes this is correct. Is it giving you any errors?
– AkshayM
Nov 15 '18 at 7:17
No errors I just wanted to make sure it
– Jane Fred
Nov 15 '18 at 7:56
No errors I just wanted to make sure it
– Jane Fred
Nov 15 '18 at 7:56
The code of mine didn't worked. It was logical error>
– Jane Fred
Nov 15 '18 at 8:10
The code of mine didn't worked. It was logical error>
– Jane Fred
Nov 15 '18 at 8:10
I wanted to check whether it's due to the syntax
– Jane Fred
Nov 15 '18 at 8:11
I wanted to check whether it's due to the syntax
– Jane Fred
Nov 15 '18 at 8:11
1
1
No there is nothing wrong with the syntax.
– AkshayM
Nov 15 '18 at 12:46
No there is nothing wrong with the syntax.
– AkshayM
Nov 15 '18 at 12:46
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53312852%2fclarification-for-syntax-of-conditional-operator-in-react%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53312852%2fclarification-for-syntax-of-conditional-operator-in-react%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
1
Yes this is correct. Is it giving you any errors?
– AkshayM
Nov 15 '18 at 7:17
No errors I just wanted to make sure it
– Jane Fred
Nov 15 '18 at 7:56
The code of mine didn't worked. It was logical error>
– Jane Fred
Nov 15 '18 at 8:10
I wanted to check whether it's due to the syntax
– Jane Fred
Nov 15 '18 at 8:11
1
No there is nothing wrong with the syntax.
– AkshayM
Nov 15 '18 at 12:46