Reactjs 反应工具提示，id不在dom中

我正在使用工具提示（），但我有一个问题。我有以下代码：

const targetId = `MenuOption`;

return (
  <React.Fragment>
    <div className="report-panel1-actions">
        {!polygon && (<button onClick={this.handleFinish} disabled={disabledButton} id={targetId}>
          <FormattedMessage id="reports.steps.step3.generateReport" />
          <Tooltip className="mg-boostrap-tooltip" placement="right" isOpen={this.state.tooltipOpen} target={targetId} toggle={this.toggleTooltip} delay={{ show: 50, hide: 0 }}>
            Las herramientas están desactivadas
          </Tooltip>
        </button>)}
    </div>

const targetId=`MenuOption`；
返回(
{！多边形&&(
埃斯坦·德斯维塔斯酒店
)}

我得到了一个错误：

未捕获错误：无法在dom中标识目标“MenuOption”，提示：检查拼写

为什么不在dom中进行标识？我在其他组件中使用过此工具提示组件，但没有问题

编辑：在本例中工作正常：

const targetId = `MenuOption`;
return (
  <ul className="menu">
    <li>
      <div className="sidebar-option">
        <a id={targetId}>
          <img alt={title} src={src} />
        </a>
      </div>
      <Tooltip className="mg-boostrap-tooltip" placement="right" isOpen={this.state.tooltipOpen} target={targetId} toggle={this.toggleTooltip} delay={{ show: 50, hide: 0 }}>
        Some text
      </Tooltip>
    </li>
  </ul>
);

const targetId=`MenuOption`；
返回(


一些文本


);

工具提示组件从何而来？试试这个

{！polygon&&（Las herramientas están desactivatas）}