reactjs / reactjs/react.dev

HOC Page

Open
#2,309 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
11.8k
Forks
7.9k
Avg merge
1d 11h
Merged PRs (30d)
11

Description

https://reactjs.org/docs/higher-order-components.html#use-hocs-for-cross-cutting-concerns gives example about HOC, here selectData is passed as second parameter. This parameter is a arraylist returned by a function, but is used again as a function. I am bit confused with this line:
data: selectData(DataSource, this.props), as firstly it should not be a function, secondly why it will need dataSource again as its wrapper function is filtering it already and what it will get in this.props.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the linked Higher-Order Components documentation section, especially the example containing selectData(DataSource, this.props). Clarify whether selectData is a function and explain the roles of DataSource and this.props; done means the example no longer leaves this parameter usage confusing.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
documentation
Issue type
Documentation
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.