如何在同一个字段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}`}