How does one access state on a nested React component wrapped by an HOC?

Question

I\'m using Enzyme, and we can actually use the example component given in the docs as a foundation for my question.

Let\'s assume this com

Answer 1

Thought it might be useful for you guys, as I stumbled upon this and have a fix.

In my case I have a component which is connected to redux.

class ComponentName extends Component {
...
}
export default connect(
  mapStateToProps,
  {
...
 }
)(ComponentName );

connect() is obviously a HOC component. So how do we access the "ComponentName" here?

Very simple:

component
    .find(ComponentName)
    .children()
    .first()
    .props() // returns ComponentName's props