在react-admin中访问redux store

2023-11-24

我的问题与反应管理 repo.

我想在组件范围之外分派一个操作,以便做到这一点,我读过我需要访问实际的 redux 存储本身,并直接调度,

所以我知道Admin组件有一个initialStateprop,但它只接受默认状态对象,而不接受存储。所以我不能创建一个商店并将其传递进去。

我的问题是:

  • 如何访问 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(使用前将#替换为@)

在react-admin中访问redux store 的相关文章

  • Javascript树遍历算法

    我需要帮助以深度优先的方式遍历树结构 我无法想出一个算法来正确地做到这一点 我的输入是这样的 A B C 1 2 a b c d 输出应采用以下形式 A 1 a A 1 b A 1 c A 1 d A 2 a A 2 b A 2 c A 2
  • Javascript 与 Python 关于 Python 'map()' 函数的比较

    Python中有一个函数叫做map这可以让你去 map someFunction x y z 并继续应用该功能的列表 是否有与此功能等效的 JavaScript 我现在刚刚学习Python 虽然我被告知javascript是函数式语言 但我
  • javascript 使用 onclick 创建按钮

    我正在尝试使用 javascript 创建一个具有 onclick 事件的按钮 该事件调用 head 中定义的函数 该函数接收相对于按钮的 dom 对象作为参数 我该怎么做呢 ex
  • JavaScript 对象引用缓存

    我们的代码库中有很多对象 它们的名称空间是为了避免冲突 Example App local view MyView 在我在代码库中看到的大多数地方 我们使用完整路径来获取对对象的引用 并且这在同一函数中重复多次 Example functi
  • 在javascript中使用“return !0”有什么意义吗?

    如果您转到谷歌结果页面并运行rwt toString 你会看到这个函数的返回调用是 return 0 我想不出任何理由为什么这不会总是如此true 这只是一个简写吗true 还是还有更多事情发生 总是如此 但下载需要 2 个字节 0是 2
  • 通知用户消息仍在输入中

    我正在使用 Laravel 5 6 7 Socket IO 和 vue js 我没有使用 Pusher 和 redis 下面是我的代码 用于向与我一对一聊天的用户发送消息 var url http localhost 6001 apps M
  • 使用 NodeJS 让 Discord 机器人发送带有消息的图片

    我有几张照片 全部在 imgur 上 带有直接图像链接 格式 https i imgur com XXXXXX jpg https i imgur com XXXXXX jpg 以及用 NodeJS 制作的 Discord 机器人 我发送这
  • Three.js - 在代码中包含网格数据

    我有这个 Three js 代码 其中 JSON 加载器从文件 models mountain json 加载网格 var Three new function this scene new THREE Scene this camera
  • JavaScript 变量赋值与 OR 对比 if 检查[重复]

    这个问题在这里已经有答案了 在 JavaScript 中 我最近意识到你可以使用 OR 赋值的逻辑运算符 我想知道这是否被认为是不好的做法 特别是 我有一些具有可选数组输入的函数 如果输入是null or undefined我应该将它设置为
  • 是否可以将反应组件导出为非反应项目中的函数

    有没有办法在非 React 项目中将 React 组件导出为函数并传入 props 作为函数的参数 我最近用 create react app 完成了一个 React 项目 现在我想将它用于其他非 React 项目 纯 Javascript
  • JQuery 动画文本

    找到简单 简单的动画文本是非常困难的 喜欢这个网站上的 内爆 http codecanyon net item jquery text animation full screen preview 233445 http codecanyon
  • 向对象添加元素

    我需要填充一个 json 文件 现在我有这样的东西 element id 10 quantity 1 我需要添加另一个 元素 我的第一步是使用该 json 将该 json 放入对象类型中cart JSON parse 现在我需要添加新元素
  • 使用 jQuery 仅从字符串末尾修剪空格

    我知道 jQuery trim 函数 但我需要的是一种仅从字符串末尾修剪空格的方法 而不是开头 So str this is a string 会成为 str this is a string 有什么建议么 Thanks 您可以使用正则表达
  • Chrome Javascript 调试器暂停时不会重新加载页面

    有时 当我在 Chrome 中调试某些 javascript 并且暂停了 javascript 时 如果我尝试重新加载页面 chrome 只会 继续 调试器 单步执行到下一个断点 似乎没有任何方法可以强制 javascript 完全停止运行
  • setInterval 内的返回值

    我想在 setInterval 内返回一个值 我只想以一定的时间间隔执行一些操作 这就是我尝试过的 function git limit var i 0 var git setInterval function console log i
  • 元素中优先考虑 ngclick 而非 nghref

    tl dr 如何强制 Angular 只执行 ngclick 指令 a 元素而不清空 删除href 我的网站在某些元素上有一些自定义行为 模式打开 位置栏更新等 但对于 SEO 索引我also需要它成为一个 a 元素与href包含有效链接的
  • 理论上防止 WebSocket 中第一个收到的消息丢失

    服务器端代码发送消息立即地连接打开后 它向客户端发送初始配置 问候语 以下代码是在客户端 var sock new WebSocket url sock addEventListener error processError sock ad
  • RTCDataChannel发送方法不发送数据

    我的 RTCDataChannel 遇到一个奇怪的问题 我正在对 WebRTC 进行一些研究 并且已经可以进行 WebRTC 音频 视频聊天 现在我想使用 RTCDataChannel 添加文本聊天和文件共享 我已经像这样创建了 RTCDa
  • 使用Promise而不拒绝它会导致内存泄漏吗? [复制]

    这个问题在这里已经有答案了 代码如下 function test value return new Promise function fulfill reject try fulfill true catch e throw e 我担心的是
  • 有没有办法防止输入 type=“number” 获得多个点值?

    我只想得到十进制值 如 1 5 0 56 等 但它允许多个点 有什么办法可以预防吗 您可以使用pattern属性

随机推荐

  • Rails:NameError(未初始化的常量UserSerializer)

    我目前正在使用 Rails 6 0 构建一个仅包含 Rails API 的应用程序 我在用fast jsonapi对于 JSON Ruby 对象的 API 序列化 目前我只创建了UsersController 我有一个user模型具有以下属
  • Android 应用内结算的官方国家/地区列表? [关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 目前不接受答案 您好 我目前在巴基斯坦 当我启动 Google 示例应用内结算应用程序时 它说 无法购买 市场 计费服务不可用 这次 您可以继续使用 这个应用程序
  • 如何配置 Devise for Ruby on Rails 将电子邮件和密码存储在用户模型之外的其他位置?

    我想将电子邮件存储在单独的表中 并允许用户保存多封电子邮件并使用其中任何电子邮件登录 我还想将密码存储在不同的表中 如何配置 Devise 将身份验证信息存储在其他地方 最坏的情况是 如果我必须侵入它 是否有一个生成器可以将所有内容移植到应
  • 锁定自定义选项卡的方向

    我想使用 Chrome 自定义选项卡锁定方向 这是我可以使用低级 API 完成的事情还是我需要为此功能添加新方法 我的用例是 我有一个具有自定义选项卡的应用程序 我希望它始终以纵向显示自定义选项卡 而不是横向显示 自定义选项卡当前不提供允许
  • 从设置中获取动态属性

    我的 AppConfig 中存储了一些属性 现在我想动态访问它们 例如在循环或函数中 使用 MySettings NAME OF THAT THING 访问值没有问题 但如果名称是变量怎么办 I tried String propertyV
  • 如何沿 axis=1 进行 DataFrame.groupby

    I have df pd DataFrame A 1 2 3 B 1 2 6 df A B 0 1 1 1 2 2 2 3 6 问 我如何获得 A 0 1 1 2 2 1 5 using groupby and aggregate 就像是
  • 使用值数组将 numpy 分组为多个子数组

    我有一系列沿直线的点 a np array 18 56 32 75 55 55 我有另一个数组 它对应于我想用来访问 a 中的信息的索引 它们始终具有相等的长度 两个数组都没有a也不数组b已排序 b np array 0 2 3 2 2 2
  • 警告:openssl_pkcs7_sign() [function.openssl-pkcs7-sign]:在第 8366 行的 C:\xampp\htdocs\this\tcpdf\tcpdf.php 中获取私钥时出错

    我正在使用 TCPDF 来签署 PDF 但是在运行时实施例52我收到这个错误 Warning openssl pkcs7 sign function openssl pkcs7 sign error getting private key
  • 为什么循环要分配最后一个索引元素的引用? [复制]

    这个问题在这里已经有答案了 我想为我的所有标签添加一个事件侦听器 每个传递一个对其自身的引用作为触发事件时的参数 这是我写的函数 function validateDigitsFeature Add the event listeners
  • Bootstrap 模式使滚动条在关闭后消失

    我在 StackOverflow 上读到了很多关于这个主题的解决方案 技巧 但似乎没有一个对我有用 我正在使用模式登录 Meteor 例如使用 Facebook 登录服务 并在登录成功时触发回调 我将其放在回调中以关闭模式 modalSig
  • Web 驱动程序卷曲异常

    尝试使用Codeception Web Driver和Selenium通过验收测试来模拟ajax 我正在使用 PhpBrowser 但当我遇到 Ajax 问题时 我的朋友建议使用 WebDriver 启用它并下载 selenium 并运行它
  • 接口作为参数或泛型方法与 where - 有什么区别?

    之间有什么区别 public void Method1
  • 静态方法中的全局变量

    这看起来很基本 但我发现这很微不足道 简而言之 您建议如何使用静态类 即控制台应用程序 设置全局变量 为了给您更多背景知识 主要方法是调用一些自定义事件处理程序 我希望它们能够获取 设置变量 如果您有任何想法或建议 我们将不胜感激 最简单的
  • Doctrine2:如果不选择至少一个根实体别名,则无法通过标识变量选择实体

    我被一个原本非常简单的学说 2 查询困住了 我有一个名为 Category 的实体 它与其自身具有 OneToMany 关系 对于父类别和子类别 ORM ManyToOne targetEntity Category inversedBy
  • 使用 Foreach 子句的 Lambda 表达式 [重复]

    这个问题在这里已经有答案了 可能的重复 为什么 IEnumerable 接口上没有 ForEach 扩展方法 EDIT 作为参考 这是埃里克在评论中提到的博客文章 https ericlippert com 2009 05 18 forea
  • 从 Excel 到 R 的日期,平台依赖性

    我正在导入xls文件使用gdata 我正在使用转换日期列as Date转换日期 根据手册as Date 日期来源取决于平台 因此我正在确定相应地使用哪个来源 origin lt ifelse Sys info sysname Windows
  • 从 arraybuffer 显示 pdf

    我从这段代码中返回来自 laravel dompdf 的流数据 pdf App make dompdf wrapper pdf gt loadHTML div This is test div return pdf gt stream 这是
  • 如果为 null 或为空,则不插入字段

    我有一个带有一些字段的 C 类 其中一些字段为空 那些为空的我不想将其插入到具有空值的数据库中 我根本不想将它们插入数据库 我该如何实现这一目标 class User public string FirstName public strin
  • HTML 文件上传字段样式

    我正在尝试创建一个具有一点风格的文件上传字段 但我似乎在查找此类示例时遇到问题 我知道部分原因是该字段本身因浏览器而异 有什么想法如何做到这一点 或者有没有一种方法可以在不使用可设置样式的表单的文件元素的情况下执行此操作 如果您的意思是文件
  • 在react-admin中访问redux store

    我的问题与反应管理 repo 我想在组件范围之外分派一个操作 以便做到这一点 我读过我需要访问实际的 redux 存储本身 并直接调度 所以我知道Admin组件有一个initialStateprop 但它只接受默认状态对象 而不接受存储 所