在umi 的项目中无法使用redux-modal

栏目: IT技术 · 发布时间: 5年前

内容简介:app.js 注入modalReducer`export const dva = {config: {

app.js 注入modalReducer

`export const dva = {

config: {

extraReducers: {

modal: modalReducer,

},

onError(e) {

e.preventDefault();

if (sentry) {

console.log('sentry', e.message);

}

},

// 注释以下可关闭logger

// onAction: createLogger(loggerConfig),

},

};`

modal.jsx

`import React from 'react';

import { connect } from 'dva';

import { connectModal } from 'redux-modal';

import { Modal } from 'antd';

function FollowUp(props:any) {

console.log(props);

function cancel (){

props.handleHide()

}

return (

<Modal

title="实战"

visible={true}

onCancel={() => {}}

<div>hello world</div>

) }

// export default connect((state:any) => state)(FollowUp);

export default connectModal({

name: 'follow-up',

destroyOnHide: true,

})(FollowUp);

`

ErrorBoundary.jsx

return ( <> {this.props.children} <Modals/> </> )

报告错误:

Error: Could not find "store" in the context of "Connect(ConnectModal(FollowUp))". Either wrap the root component in a , or pass a custom React context provider to and the corresponding React context consumer to Connect(ConnectModal(FollowUp)) in connect options.


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

新榜样

新榜样

新榜 编著 / 电子工业出版社 / 2016-1 / 50.00元

本书为“新榜”全新打造的新媒体运营实战指南,全书基于对当前各类公众号的对比分析,阐述互联网时代各类公众号运营之道。全书分为五个部分,分别为:如何让政务公众号接地气,如何让自媒体公众号重获新生,如何做垂直领域的特色公众号,新媒体深度人物,以及新媒体深度分析等。一起来看看 《新榜样》 这本书的介绍吧!

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

SHA 加密
SHA 加密

SHA 加密工具