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