Я вижу это. Это не загадка, о чем она жалуется:
Warning: validateDOMnesting(...): <div> cannot appear as a descendant of <p>. See ... SomeComponent > p > ... > SomeOtherComponent > ReactTooltip > div.
Я являюсь автором SomeComponent
и SomeOtherComponent
. Но последний использует внешнюю зависимость (ReactTooltip
от 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>
}
}
Спасибо.