同じフィールドに複数の値を表示する方法Reactjs

テキストボックスにマウスの座標を表示したい。私は、マウスのXは、これに伴って、同じフィールドで同じフィールドに複数の値を表示する方法Reactjs

座標X、私はまた、Y座標を表示したい座標を取得この

<TextField 
     id="t2" 
     floatingLabelText={this.state.mouseX} 
/>

を行うことにより。私はこれを書いています。

<TextField 
      id="t2" 
      floatingLabelText={this.state.mouseX, this.state.mouseY} 
/>

私にはY座標しか与えられていません。

どのように私は両方の値を同じフィールドに表示できますか？それは単一の文字列に値を結合するのはあなた次第ですので

floatingLabelTextはおそらく、文字列を取ります。

floatingLabelText={`${this.state.mouseX}, ${this.state.mouseY}`}

2017-03-14 21:35:16 SimpleJ

は、迅速な答えをあなたにSimpleJをありがとうございます。とても有難い。その働き。しかし、私は$記号は何のために尋ねたいですか？ –

これは、文字列に変数を配置するためのものです。 [Here's]（https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals）テンプレートリテラルに関するMDNの記事。 – SimpleJ

ありがとうSimpleJ。 –

答えて