У меня есть компонент, подключенный к redux
store
, который я передаю компоненту react-bootstrap
OverlayTrigger
через overlay
проп.У меня не было никаких проблем, но когда я недавно столкнулся с react-redux
версией от версии 5.xx до 6.0.0, я получаю консольную ошибку, которая читает:
Uncaught Error: Could not find "store" in the context of "Connect(SingleUnitIconCustomizations)". Either wrap the root component in a <Provider>, or pass a custom React context provider to <Provider> and the corresponding React context consumer to Connect(SingleUnitIconCustomizations) in connect options.
Я использую react
версия 16.4.0, redux
версия 4.0.0, react-bootstrap
версия 0.32.4.Я передал узел-заполнитель в <Overlay Trigger>
через overlay
prop (имеется в виду узел, который не подключен к redux
store
, и он работал должным образом. Кроме того, я поместил подключенный компонент непосредственно в родительский компонент оверлея,и он отрисовывается нормально. Что-то в передаче этого подключенного компонента разрушает вещи.
iconCust: React.ReactNode = (
<Popover id="popover-trigger-click-root-close">
<IconCustomization unit={this.props.unit} />
</Popover>
);
<OverlayTrigger trigger="click" rootClose placement="top" overlay={this.iconCust}>
<ActionButton className="halflings halflings-map-marker" />
</OverlayTrigger>
Опять же, если я заменю <IconCustomization>
на что-то вроде <div>NEW NODE</div>
, все работает нормально. У компонента IconCustomization
есть реквизитысопоставлен с redux
и отлично работает как реквизит, используя react-redux
версии 5.xx. Что я мог сделать не так?