工具提示不在文本区域旁边

I am trying to add a tooltip next to text area. But tooltip is coming below text area as shown in imagetool tip actual position

这是我写的代码

<div className="form-group row">
  <label className="col-sm-4 col-form-label">Player Account Names: </label>
  <div className="col-sm-8">
    <textarea
      id="noteText"
      style={{ padding: "8px 10px", lineHeight: "17px", height: "125px" }}
      rows={3}
      className="form-control"
      name="accountNames"
      value={this.state.dropBonusState.accountNames}
      onChange={this.droupBonusChange}
    />
    <span
      className="fas fa-question-circle"
      onMouseEnter={() => "Enter value"}
      onMouseLeave={() => ""}
    />
  </div>
</div>

我也尝试了以下

     <div data-tip="This is tool tip">

但这是行不通的。 工具提示应出现在图像的绿色框中。

评论