Я следую руководству это, чтобы попытаться написать компонент React более высокого порядка.
Я пытаюсь создать компонент окна многократного использования, который будет действовать как контейнер для других компонентов, обеспечивая стиль и поведение.
Я тестирую его с компонентом Player, который пока просто возвращает компонент ReactPlayer из пакета npm response-player.
import React, { Component } from 'react';
function Window(WrappedComponent){
return class extends Component{
render(){
return (
<div className = "window">
<WrappedComponent/>
</div>
);
}
}
}
export default Window();
Это код для компонента плеера
import React, { Component } from 'react';
import ReactPlayer from 'react-player';
import Window from './Window.js'
class Player extends Component {
render () {
return <ReactPlayer url='https://thewikihow.com/video_iIKKvG0_KdM' playing />
}
}
const PlayerWindow = Window(Player);
export default PlayerWindow;



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


заменить export default Window(); на export default Window;
Снимаем кронштейны с export default Window();
В качестве альтернативы, при вызове функции вы можете написать
> export const Window = function Window(WrappedComponent){
> return class extends Component{
> render(){
> return (
> <div className = "window">
> <WrappedComponent/>
> </div>
> );
> }
> }
> }