react native export default multi component

Question

I'm new to React Native, How to export default two components,

I have a class which use withNavigation and redux connect, and I have to export them as default to work properly.

import { withNavigation } from 'react-navigation';
import { connect } from 'react-redux';
.
.
.
export default connect(mapStateToProps, mapDispatchToProps)(ClassName);

export default withNavigation(ClassName)

JLD · Accepted Answer · 2019-11-08 09:59:35Z

1

Please use compose from 'redux'

import {compose} from 'redux'
...
export default compose(
   connect(mapStateToProps, mapDispatchToProps),
   withNavigation
)(ClassName)

answered Nov 8, 2019 at 9:59

JLD

5702 silver badges6 bronze badges

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

Comments

Thanh Le Hai Hoang · Accepted Answer · 2019-11-08 09:56:35Z

1

You must wrap your component by all higher-order functions to use all of them:

export default connect(mapStateToProps, mapDispatchToProps)(withNavigation(ClassName));

answered Nov 8, 2019 at 9:56

Thanh Le Hai Hoang

1,3888 silver badges14 bronze badges

Collectives™ on Stack Overflow

react native export default multi component

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related