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

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

内容简介: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.


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

查看所有标签

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

Release It!

Release It!

Michael T. Nygard / Pragmatic Bookshelf / 2007-03-30 / USD 34.95

“Feature complete” is not the same as “production ready.” Whether it’s in Java, .NET, or Ruby on Rails, getting your application ready to ship is only half the battle. Did you design your system to......一起来看看 《Release It!》 这本书的介绍吧!

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

MD5 加密
MD5 加密

MD5 加密工具

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换