React HOC: TypeError:不能将类作为函数调用
React HOC: TypeError:不能将类作为函数调用
提问于 2018-05-30 09:47:00
我正在遵循this指南，尝试编写一个React高阶组件。
我正在尝试有一个可重用的窗口组件，它将作为其他组件的容器，提供样式和行为。
我正在使用一个播放器组件对其进行测试，该组件目前只是从npm包react-player返回一个ReactPlayer组件。
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://www.youtube.com/watch?v=iIKKvG0_KdM' playing />
}
}
const PlayerWindow = Window(Player);
export default PlayerWindow;回答 2
Stack Overflow用户
回答已采纳
发布于 2018-05-30 09:48:48
将export default Window();更改为export default Window;
Stack Overflow用户
发布于 2018-05-30 10:31:52
从export default Window();中卸下支架
或者，在调用函数时，您可以编写
> export const Window = function Window(WrappedComponent){
> return class extends Component{
> render(){
> return (
> <div className="window">
> <WrappedComponent/>
> </div>
> );
> }
> }
> }页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50595264
复制相关文章
相似问题