material ui <card>の中でのstateの表示方法

Question

わからなくて、試行錯誤したので変なコードになっていますが、

  render() {
    return (
      <div>
        <div className='col s12 m4'>
          <Card>
            <CardTitle title='Mypage for {this.state.username}' subtitle='{this.state.title}'/>
            <CardText>
              {this.state.explain}
            </CardText>
          </Card>
        </div>
      </div>
    )}
}

これで表示できるかなと３種類試してみたのですが。中身が表示されなかったりして困っています。

{}で囲われているのが全てstateです。

表示に詳しい方教えてください。

Answer 1

<CardTitle title={"Mypage for " +this.state.username} subtitle={this.state.title}/>

こうするとうまく表示できます！

Answer 2

<CardTitle title=`Mypage for ${username}` subtitle={this.state.title} />

Comments

[MOTOMUR]

これでは全く表示されません。またsyntax errorです。