Modal.confirm and other global popup component can't set redux HOC Connect as content

Version

2.9.3

Environment

MacOS 10.11.6

Reproduction link

http://sorry.its.easy.to.reasoning

Steps to reproduce

Create a Redux HOC Connect and a dump component, in dump component attach a click event on a button, it will popup Modal.confirm. This confirm contains the HOC Connect.

What is expected?

The confirm dialog popup.

What is actually happening?

Console report: browser.js:40 Uncaught Error: Could not find "store" in either the context or props of "Connect(ModuleSelect)". Either wrap the root component in a <Provider>, or explicitly pass "store" as a prop to "Connect(ModuleSelect)".

ModuleSelect is the HOC Connect.

[NE-SmallTown]

That’s because your root component doesn’t include your Connect(foo) component.You know,the reason of the Connect component of react-redux can read store due to the context API.But if you put your Connect(foo) component into a container which not under the root component.The Connect(foo) component can’ read the store by context API because your Provider component under the root component but modal is appended another container(e.g. body).

So,just like the error says,you can wrap your component with the Provider component or pass the store as a prop to the component.

e.g.

<Modal><Foo store={this.context.store} /></Modal> or <Modal><Provider store={this.context.store}><Foo /></Provider></Modal>

[lock[bot]]

This thread has been automatically locked because it has not had recent activity. Please open a new issue for related bugs and link to relevant comments in this thread.