javascript - if statement doing exact opposite of what I am expecting -


i sure easy reason can't figure out why getting opposite result. if use code below returns second if result. if change != null returns first if result.

import react "react";  export default class listbuttons extends react.component{      render(){         console.log(this.props.before); // null         if(this.props.before == null){             return (                 <div>                     <ul classname="pagination">                         <li>                             <a href="#">next</a>                         </li>                     </ul>                 </div>             )         }else{             return (                 <div>                     <ul classname="pagination">                         <li>                             <a href="#">previous</a>                         </li>                         <li>                             <a href="#">next</a>                         </li>                     </ul>                 </div>             )         }      } } 

try this:

import react "react";  export default class listbuttons extends react.component{     render(){             const content = !!this.props.before ? (                 <li>                         <a href="#">previous</a>                 </li>                 <li>                         <a href="#">next</a>                 </li>             ) : (                 <li>                         <a href="#">next</a>                 </li>             )              return (                     <div>                             <ul classname="pagination">                                     {content}                             </ul>                     </div>             )     } } 

if doesn't work, may error where/how this.props.before set.


Comments

Popular posts from this blog

sql server - Cannot query correctly (MSSQL - PHP - JSON) -

php - trouble displaying mysqli database results in correct order -

C++ Linked List -