我的问题与反应管理 repo.
我想在组件范围之外分派一个操作,以便做到这一点,我读过我需要访问实际的 redux 存储本身,并直接调度,
所以我知道Admin
组件有一个initialState
prop,但它只接受默认状态对象,而不接受存储。所以我不能创建一个商店并将其传递进去。
我的问题是:
- 如何访问 Redux 存储
Admin
成分?
- 当使用 Admin 作为我的主要应用程序组件时,如何在组件外部分派操作?
我当前的应用程序条目如下所示:
<AppLayoutDirection>
<Admin
title="My App"
locale="en"
dataProvider={dataProvider}
authProvider={authProvider}
i18nProvider={i18nProvider}
theme={themeProvider}
customSagas={customSagas}
appLayout={AppLayout}
>
{DynamicResource}
</Admin>
</AppLayoutDirection>
当您说需要在组件范围之外分派一个操作时,我认为它是对过去分派的另一个操作的反应。
在这种情况下,这就是 React-admin 所说的副作用。 React-admin 使用以下方法处理副作用redux-saga。以下是创建自定义传奇的方法:
// in src/bitcoinSaga.js
import { put, takeEvery } from 'redux-saga/effects';
import { showNotification } from 'react-admin';
export default function* bitcoinSaga() {
yield takeEvery('BITCOIN_RATE_RECEIVED', function* () {
yield put(showNotification('Bitcoin rate updated'));
})
}
将此传奇注册在<Admin>
组成部分如下:
// in src/App.js
import React from 'react';
import { Admin } from 'react-admin';
import bitcoinSaga from './bitcoinSaga';
const App = () => (
<Admin customSagas={[ bitcoinSaga ]} dataProvider={simpleRestProvider('http://path.to.my.api')}>
...
</Admin>
);
export default App;
这记录在react-admin文档中,位于the <Admin> chapter.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)