javascript - propに基づいて条件付きで要素を追加する

Question

以下のような要素を条件付きで追加するにはどうすればよいですか? 小道具が真<div className='next-field__connected-wrapper'>の場合にのみ存在したい。withFilter

  render: function () {
    if (this.props.withFilter) {
      return (
        <div>
          <div className='next-card next-card__section next-card__section--no-bottom-spacing'>
            <div className='next-field__connected-wrapper'>
              { this.props.children }
            </div>
          </div>
        </div>
      )
    } else {
      return (
        <div>
          <div className='next-card next-card__section next-card__section--no-bottom-spacing'>
            { this.props.children }
          </div>
        </div>
      )
    }
  }