javascript — предотвращает перемонтирование, когда компонент обернут в родительский

предотвратить перемонтирование, когда компонент обернут в родительский

У меня есть компонент, который может отображаться или не отображаться в компоненте оболочки:

 class Video extends Component { state = { isFullscreen: false } render () { const { isFullscreen } = this.state return ( {amp}lt;View{amp}gt; {isFullscreen ? ( {amp}lt;Modal{amp}gt; {amp}lt;VideoView /{amp}gt; {amp}lt;/Modal{amp}gt; ) : ( {amp}lt;VideoView /{amp}gt; )} {amp}lt;Button title='inline' onPress={() ={amp}gt; this.setState({ isFullscreen: false })} /{amp}gt; {amp}lt;Button title='fullscreen' onPress={() ={amp}gt; this.setState({ isFullscreen: true })} /{amp}gt; {amp}lt;/View{amp}gt; ) } } 

Каждый раз, когда я {amp}lt;VideoView /{amp}gt; inline или fullscreen режим, {amp}lt;VideoView /{amp}gt; перемонтируется. Это затрудняет добавление логики инициализации в метод componentWillMount . Я могу выполнить другие проверки в своем приложении, чтобы убедиться, что оно работает хорошо, но лучше повторно использовать уже существующий компонент.

Есть ли способ утилизировать {amp}lt;VideoView /{amp}gt; ?

PS Мой проект находится в React Native, поэтому я использовал некоторый синтаксис / компонент из RN, но я предполагаю, что вопрос касается и обычных проектов React.

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector