window.renderCustomMView не является функцией в React

Question

class Pop extends Component{
     constructor(props){
         super(props);
         window.renderCustomMView = this.renderCustomMView.bind(this);

         }

     renderCustomMView(){
      ....some code
     }
}

const Popup = ()=>{
window.renderCustomMView();
}

export {Popup};

import {Popup} from 'path/to/parent';

class Video extends Component{
     constructor(props){
         super(props)
         }

     callingFunction(){
      Popup();
     }
}

Когда я импортирую Popup, он импортируется. Затем я вызываю эту функцию, она говорит, что window.renderCustomMView не является функцией.

Answer 1

Вам нужно будет где-то создать экземпляр Pop, чтобы запускался window.renderCustomMView = this.renderCustomMView.bind(this);.

Конечно, здесь нет очевидного способа сделать это, потому что в React вы обычно организуете по-другому. Вы должны сделать Popup дочерним компонентом Video, а затем использовать стандартные методы React для обновления состояния Popup, когда Video хочет его вызвать.