react-redux-typescript-guide icon indicating copy to clipboard operation
react-redux-typescript-guide copied to clipboard

Factory types for connect props

Open obaydmir opened this issue 7 years ago • 2 comments

In advanced scenarios where you need more control over the rendering performance, mapDispatchToProps() can also return a function. In this case, that function will be used as mapDispatchToProps() for a particular component instance. This allows you to do per-instance memoization. You can refer to issue.

Example:

const mapStateToPropsFactory: MapStateToPropsFactory<StateProps, OwnProps, State> = () => {
  // Example selector
  const mySelector = makeMySelector();

  return (state, ownProps) => {
    return mySelector(state, ownProps);
  }
}

export default connect(mapStateToPropsFactory)(MyComponent);

In case you return any or other type, you will get an error which can confuse you. When you don't define the return type of this function, it will work, but I rather want to be strict.

obaydmir avatar Sep 11 '18 12:09 obaydmir

@boostio funded this issue with $15. Visit this issue on Issuehunt

IssueHuntBot avatar Sep 15 '18 04:09 IssueHuntBot

@issuehunt has funded $45.00 to this issue.


IssueHuntBot avatar Apr 13 '19 06:04 IssueHuntBot