在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 的相关文章

  • 单击 DIV 时滚动到顶部? [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • 将 C# 3D 数组移植到 JS 3D 数组

    我开发了一个 C 库 它在 3 个项目中使用 这些项目在特定的代码段中中继 不过 我仍然需要在 javascript 中使用该代码 所以将其导出 问题是 我认为我无法复制同样的逻辑 比如这个问题我想了好几天也没有得出答案 在 C 库中 我有
  • 使用 jquery UI 调整大小的分屏 div

    我心中有一个设计 涉及 html 中的拆分面板视图 类似于 winforms 拆分面板 我一直在尝试jQuery UI 可调整大小 http jqueryui com demos resizable我喜欢这个功能 我只是似乎无法协调两者的大
  • 分割路径名获取路由参数

    我在我的应用程序中使用 mvc 和 jquery 我有这样的路由 url ID Controller Action 我想获取URL并将其拆分以获取jquery中的id 您可以从获得路径名的那一刻起将其拆分 var pathname wind
  • 是否可以加载本地版本的 JavaScript 文件而不是服务器版本?

    只是有一个简单的问题要抛出 看看是否有解决方案 假设我无法访问服务器 我加载一个网页 发现他们有一个从子文件夹加载的 Javascript 文件 比方说 scripts js some js 现在 我想在本地对此文件进行更改 并针对整个站点
  • 将 Blob 设置为 iframe 的“src”

    以下代码在 Chrome 中完美运行 但它不适用于 IE 有人可以告诉我这里出了什么问题吗 iframe src 也设置为 blob 如下所示
  • 获取与请求

    我正在使用 JSON 流并尝试使用 fetch 来使用它 该流每隔几秒发出一些数据 仅当流关闭服务器端时 使用 fetch 来使用流才可以访问数据 例如 var target the url var options method POST
  • 在 Promise 中中止 ajax 请求

    我正在构建一个表单验证并学习承诺 我决定使用承诺模式实现异步验证函数 var validateAjax function value return new Promise function resolve reject ajax data
  • 使用 webpack 保留输出目录中的文件夹结构

    我有以下文件夹结构 index html app index tsx 与 webpack 捆绑后 我希望有以下输出目录 并将bundle js注入到index html中 dist index html dist app bundle js
  • 如何将嵌套对象数组转换为 CSV?

    我有一个包含嵌套对象的数组 例如 name 1 children name 1 1 children 1 2 id 2 thing name 2 1 children 2 2 name 3 stuff name 3 1 children 3
  • SVG 沿圆弧添加文本

    我正在尝试绘制 SVG 径向饼图 如下所述 色卡 https stackoverflow com a 18210763 1395178 现在我尝试将文本与圆弧一起添加到每个切片 我试图展示Text 1具有与 M 和 A 值完全相同的 x y
  • 如何取消 ComponentWillUnmount 中的所有请求?

    根据docs https facebook github io react docs react component html componentwillunmount ComponentWillUnmount 能够取消请求 我有一个页面发
  • 动态添加项目到放大弹出画廊

    有没有办法动态添加图库项目华丽的弹出窗口 http dimsemenov com plugins magnific popup 那已经开放了 或更新当前项目 找不到关于 in 的任何内容插件文档 http dimsemenov com pl
  • 但为什么浏览器 DOM 经过 10 年的努力仍然这么慢?

    Web 浏览器 DOM 自 90 年代末以来就已存在 但它仍然是性能 速度方面最大的限制之一 我们拥有来自 Google Mozilla Microsoft Opera W3C 和其他各种组织的一些世界上最聪明的人才 为我们所有人致力于 W
  • Javascript:如何过滤对象数组并对结果求和

    我有一个对象数组 var example a 1 b 2 c 3 a 4 b 5 c 6 a 7 b 8 c 9 我正在尝试添加所有不对应的值c 我已经设法用 console log test filter x gt x c gt 3 过滤
  • javascript:新日期,缺少年份

    我打电话给 new Date Jan 4 发现默认年份是2001年 a new Date Jan 4 Thu Jan 04 2001 00 00 00 GMT 0500 EST 有什么办法可以将默认年份设置为 2011 年吗 更新 我知道我
  • Javascript this 关键字 - 函数内部

    我正在尝试理解this关键字JavaScript 我在 chrome 控制台上做了一些测试 发现了两个不同的结果 但我期望它们是相同的 var myTest myTest test1 function return this this Ob
  • 无法使用 javascript 建立与安全 Websocket 服务器的连接

    我的开发环境是这样的 操作系统 微软Windows 10 PHP 框架 Laravel 8 0 PHP 版本 7 4 Websocket 服务器 cboden ratchet 0 4 3 WAMP 服务器 3 2 0 Apache 2 4
  • 获取类的公共属性而不创建它的实例?

    假设我们有一个 JavaScript 类 var Person function function Person name surname this name name this surname surname Person prototy
  • Apollo 服务器,Graphql - 必须提供查询字符串

    我不确定我在这里做错了什么 我现在已经被困了一段时间 让我的突变在无服务器设置中与我的 apollo server lambda 一起运行 当我尝试运行这样的查询时 我的查询工作正常 mutation signIn username Som

随机推荐

  • 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 但它只接受默认状态对象 而不接受存储 所