在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.


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

查看所有标签

猜你喜欢:

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

C++ Concurrency in Action

C++ Concurrency in Action

Anthony Williams / Manning Publications / 2012-2-28 / USD 69.99

HIGHLIGHT C++ Concurrency in Action is the first book to market to show how to take advantage of the new C++ Standard and how to write robust multi-threaded applications in C++. DESCRIPTION With ......一起来看看 《C++ Concurrency in Action》 这本书的介绍吧!

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

随机密码生成器
随机密码生成器

多种字符组合密码

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码