How do I export multiple function calls in react?

Question

I have this in my file:

 export default withAuth(authOptions)(ProfilePage);

But I also need to export this:

function mapStateToProps (state) {
  const { isLoggedIn } = state
  return { isLoggedIn}
}
const mapDispatchToProps = dispatch =>
  bindActionCreators({ logInUser }, dispatch)

export default connect(
  mapStateToProps,
  mapDispatchToProps
)(ProfilePage)

I can I combine them so they both work?

Why not this? export default withAuth(authOptions)(connect( mapStateToProps, mapDispatchToProps )(ProfilePage)); — Thakur Karthik
– Thakur Karthik, Commented Oct 12, 2019 at 6:26
glad it helped! Here is why it works since in withAuth(authOptions)(SOME-COMPONENT) we need to provide component,also connect()() returns a component putting it inplace of SOME-COMPONENT solves our issue. — Thakur Karthik
– Thakur Karthik, Commented Oct 12, 2019 at 6:38

RIYAJ KHAN · Accepted Answer · 2019-10-12 06:26:52Z

1

You can using JS#named export.

export const  mapStateToProps =  (state)=> {
  const { isLoggedIn } = state
  return { isLoggedIn}
}
export const mapDispatchToProps = dispatch =>bindActionCreators({ logInUser }, dispatch)

now import it in other file

//test.js

import ProfilePage,{mapStateToProps ,mapDispatchToProps} from "path_to_file"

answered Oct 12, 2019 at 6:26

RIYAJ KHAN

15.3k5 gold badges34 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How do I export multiple function calls in react?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related