Method render

src/components/Msg/MsgDetail.js:39–74

()

  }

  render () {
    let { userData, delMsg } = this.props
    let msg = this.state.msg

    return (
      <div className="panel panel-warning">
        <div className="panel-heading">
          标题：
          <strong>{ msg.title }</strong>
          <span className="badge pull-right">
            { dateTimeFormatter(msg.time) }
          </span>
          <br/>
          发布者：
          <Link to={`/msg?author=${msg.author}`}>
            <i>{ msg.author }</i>
          </Link>

          <OptBtnGroup
            msgId={msg.id}
            isAuthor={userData && userData.username === msg.author}
            delMsg={delMsg}
            parentName="MsgDetail">
            <button /* 该按钮相当于 Vue 中的 slot */
              className="btn btn-primary btn-xs"
              onClick={() => this.context.router.goBack()}>
              返回
            </button>
          </OptBtnGroup>
        </div>
        <div className="panel-body">
          { msg.content }
        </div>
      </div>
    )
  }
}