<div>不能显示为<p的后代>

我看到了这个。它抱怨的是什么并不神秘：

Warning: validateDOMnesting(...): <div> cannot appear as a descendant of <p>. See ... SomeComponent > p > ... > SomeOtherComponent > ReactTooltip > div.

我是 和 的作者。但后者使用外部依赖关系（来自 react-tooltip）。这可能是一个外部依赖关系，但它让我尝试这里的论点，即它是“一些不受我控制的代码”。SomeComponentSomeOtherComponentReactTooltip

鉴于嵌套组件工作正常（似乎），我应该对此警告有多担心？无论如何，我该如何更改它（前提是我不想重新实现外部依赖项）？有没有一个更好的设计，我还没有意识到？

为了完整起见，下面是 的实现。它只是呈现 ，当悬停时：一个显示“某些工具提示消息”的工具提示：SomeOtherComponentthis.props.value

class SomeOtherComponent extends React.Component {
  constructor(props) {
    super(props)
  }

  render() {
    const {value, ...rest} = this.props;
    return <span className="some-other-component">
      <a href="#" data-tip="Some tooltip message" {...rest}>{value}</a>
      <ReactTooltip />
    </span>
  }
}

谢谢。