How to use if else condition in react js?

Condition in the React:
If else in react basically this is a ternary operator if you know about ternary operator then it’s so easy.

Ternary Operator syntax:
condition ? true : false

Here is described as three type also, you can use more type…

Note: but need to use return in HTML template then use as below:

export default (props=> {

 const renderanyNumb = () => props.anyNum !='' ? <div> Any Text {props.anyNum}</div> : null;

            Phone Number: <span>{props.anyNum }</span>  { renderanyNumb()}

We need to use directly as below code:
{props.anyNum !='' && <div> Any Text {props.anyNum}</div>}

{props.anyNum !='' ? <div> Any Text {props.anyNum}</div> : null}

No comments:

Note: Only a member of this blog may post a comment.

Copyright Reserved to Anything Learn. Powered by Blogger.