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
Post a Comment