score:0

you can do that using ternary operators

render() {
  return (
    <div>
      {this.state.properties.somemoredata ? 
          // somemoredata exists
          (<div>some jsx stuff</div>) 
          :
          //somemoredata does not exist
          (<div>some other jsx stuff</div>)
      }
    </div>
  )
}

score:2

typically, you just do something like:

render() {
  return (
    <div>
      {
        this.state.properties.somemoredata && (
          <div>some other jsx stuff</div>
        )
      }
    </div>
  )
}

however, cannot use 'in' operator to search for 'somemoredata' in undefined seems to indicate that for whatever reason this.state.properties is undefined. not sure why with only the code you've posted, but i would look at that.


Related Query

More Query from same tag