你好我的代码失败了我正在使用withLoadingIndicator HOC用于向MyComponent组件添加加载指示符。HOC将MyComponent组件作为参数,并返回一个添加加载指示符的新组件。这是正确的还是我遗漏了什么?
function withLoadingIndicator(Component) {
return function WithLoadingIndicator(props) {
if (props.isLoading) {
return <div>Loading...</div>;
}
return <Component {...props} />;
};
}
class MyComponent extends React.Component {
render() {
return <div>{this.props.data}</div>;
}
}
const MyComponentWithLoadingIndicator = withLoadingIndicator(MyComponent);
export default MyComponentWithLoadingIndicator;
1条答案
按热度按时间tkclm6bt1#
看起来您没有在运行时将任何 prop 传递到组件中。您可以:
变更:
收件人:
或者使用
defaultProps
,在组件声明后添加以下内容: