У меня есть следующая функция рендеринга:
const Card = <div key={this.props.submission.id} ref={this.divElement}>
<this.CardElement />
</div>;
return this.state.expanded ? ReactDOM.createPortal(
<div style={{ visibility: !this.state.expanded ? 'hidden' : 'visible' }}>
<div style={{
position: 'fixed',
top: this.state.top,
left: this.state.left
}}>
<div style={style}>
{Card}
</div>
</div>
</div>
, this.el) :
<div style={{ visibility: this.state.expanded ? 'hidden' : 'visible' }}>
{Card}
</div>
Моя проблема в том, что похоже, что реагирует, обрабатывает карту как два разных элемента в DOM, поэтому карта может иметь встроенное видео YouTube, если она начинает игратьв нерасширенном, затем расширяется и рендерится через ReactDOM.createPortal, он заканчивается новым игроком на YouTube
Я бы хотел, чтобы точно такой же элемент рендерился либо через портал, либо непосредственно встраивался в исходное реагирование,возможно