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

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

我是SomeComponentand的作者SomeOtherComponent。但后者使用的是外部依赖（ReactTooltipfrom react-tooltip）。这是一个外部依赖项可能并不重要，但它让我在这里尝试论证它是“一些超出我控制的代码”。

考虑到嵌套组件工作正常（表面上），我应该如何担心这个警告？无论如何我将如何改变它（假设我不想重新实现外部依赖）？是否有我尚未意识到的更好的设计？

为了完整起见，这里是SomeOtherComponent. 它只是呈现this.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>
  }
}

谢谢你。