Update higher-order-components.md (#8780)
This commit is contained in:
parent
3bc5595dfd
commit
20c4aac9ec
|
|
@ -64,7 +64,8 @@ class CommentList extends React.Component {
|
|||
))}
|
||||
</div>
|
||||
);
|
||||
}}
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
Later, you write a component for subscribing to a single blog post, which follows a similar pattern:
|
||||
|
|
@ -95,7 +96,8 @@ class BlogPost extends React.Component {
|
|||
|
||||
render() {
|
||||
return <BlogPost blogPost={this.state.blogPost} />;
|
||||
}}
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
`CommentList` and `BlogPost` aren't identical — they call different methods on `DataSource`, and they render different output. But much of their implementation is the same:
|
||||
|
|
@ -157,7 +159,7 @@ function withSubscription(WrappedComponent, selectData) {
|
|||
// Notice that we pass through any additional props
|
||||
return <WrappedComponent data={this.state.data} {...this.props} />;
|
||||
}
|
||||
});
|
||||
};
|
||||
}
|
||||
```
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue