react-bootstrap将工具提示图像插入InputGroup

Question

我必须在InputGroup中放置一个工具提示图像，如您在图像中看到的那样，但是我没有成功。

您会看到整个InputGroup都已概述，并且舍入停止了。

代码：

          <InputGroup className="mb-3">
            <InputGroup.Prepend>
              <InputGroup.Text>1 - </InputGroup.Text>
            </InputGroup.Prepend>
            <FormControl
              placeholder="2"
              aria-label="Amount (to the nearest dollar)"
              onChange={this.handleChange('range')}
            />

            <InputGroup.Prepend>
              <OverlayTrigger
                overlay={
                  <Tooltip id="tooltip-disabled">Hi.</Tooltip>
                }>
                <span className="d-inline-block">
                  <Image src="../../images/camera.svg" rounded />
                </span>
              </OverlayTrigger>
            </InputGroup.Prepend>
          </InputGroup>