如何在同一字段中顯示多個值Reactjs

Question

我想在文本框中顯示鼠標座標。 通過這樣做

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

我得到的鼠標X座標

在同一領域與此X座標沿着我也想顯示Y座標。我正在寫這個

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

這只是給我的Y座標。

如何在同一個字段中顯示兩個值？

Answer 1

floatingLabelText可能需要一個字符串，所以它是由你來的值組合成一個單一的字符串：

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