Why does react leave "0" on the page?

Question

React

When the block is hidden, react leaves zero.

{ this.state.data.reply.length &&
  <div className="reply">
    <Posts messages={this.state.data.reply}/>
  </div>
}

<!-- react-text: 57 -->
"0"
<!-- /react-text -->

How to avoid it?

Answer 1

this.state.data.reply.lengthis 0, so 0 is output. Try this:

{!!this.state.data.reply.length &&
  <div className="reply">
    <Posts messages={this.state.data.reply}/>
  </div>
}

{this.state.data.reply.length > 0 &&
  <div className="reply">
    <Posts messages={this.state.data.reply}/>
  </div>
}