在 componentDidMount 上调度一个动作(react/redux)

2023-12-26

我是react/redux 的相对论新手。我想问一个(也许是哲学)问题。

是否可以在以下位置调度操作(例如触发 api 调用)componentDidMount一个反应组件?

如果不是,我应该在哪里发送该操作以及为什么?

如果是,那么就没有其他问题了吗? :)


是的,正在发送一个动作componentDidMount()没问题,甚至是推荐的做法,因为它不会减慢初始 UI 渲染的速度。

由于该函数在组件最初呈现之后运行,因此请记住,在呈现组件的时刻和从 api 调用接收数据的时刻之间可能有一段时间。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 componentDidMount 上调度一个动作(react/redux) 的相关文章

  • Ant design Tabs onClick 函数

    我使用 Ant 设计创建了选项卡 在第二个选项卡中 当我单击我想要触发的按钮或更改为第一个选项卡时 有一个按钮 这是我的代码
  • Jest - 测试使用react-router的组件

    我正在测试一个呈现具有以下 contextTypes 的子组件的组件 Component contextTypes router PropTypes object isRequired 我对笑话完全陌生 但来自摩卡 酶我从未遇到过这个问题
  • React Redux - 在辅助函数中访问现有存储

    我试图在反应组件之外获取存储实例 存储状态 即在单独的辅助函数中 我有我的减速器 我的动作 我在最上面的组件中创建了一个商店 configStore js import createStore from redux import gener
  • 是的,验证 2 个以上相关输入

    我正在使用 yup 和 formik 来管理我的表单 我使用 yup 进行表单验证 我面临的问题是 假设我有三个字段fieldA fieldB and fieldC 验证是 fieldA fieldB必须等于fieldC 这是我所做的使用
  • 找不到 -lDoubleConversion 的库

    我尝试在 XCode 上构建 但是ld library not found for lDoubleConversion发生错误 我可以建造react native run ios 这可行 但 XCode 无法构建 ld 警告 找不到选项 L
  • 如何使用 Draft-js-mention-plugin 以编程方式添加提及?

    问题 我正在尝试为使用创建的内容创建一个编辑界面draft js draft js mention plugin 然而 editorState没有持久化 只有纯文本 提及被保存为对象数组 现在我需要使用该数据重新创建 editorState
  • Flask 和 Reactjs 抛出 JSX 转换错误

    我已经开始将 ReactJS 与 Python Flask 后端结合使用 通过 Flask 渲染模板时 我在 Chrome 控制台中收到以下客户端错误 错误 找不到模块 jstransform visitors es6 templates
  • 如何通过 React-router-4 删除所有浏览器历史记录

    我在用react router在水疗中心 就我而言 浏览器历史记录是 home gt somepage1 gt another gt changepassword 当我在路线上做某事时 changepassword 我想去 login路线
  • VirtualizedList:您有一个很大的列表,更新速度很慢

    我使用 FlatList 来处理大量项目 我收到来自 Expo XDE 的以下警报 VirtualizedList 您有一个更新速度很慢的大列表 make 确保你的 renderItem 函数渲染遵循 React 的组件 性能最佳实践 例如
  • 如何解密会话令牌(Next-auth JWT 令牌)

    我正在我的下一个应用程序中控制用户身份验证next auth library 我正在使用credentials provider 首先 我调用返回用户信息的登录端点 然后获取访问令牌并将其放入由next auth callback 这是我的
  • 点击事件触发时如何获取amcharts中的气泡值

    从这里找到图像 https i stack imgur com HxH0c png import React Component from react import as am4core from amcharts amcharts4 co
  • React router dom 6 中的受保护路由

    我在反应中创建了简单的用户上下文 用户提供者 export const AuthContext createContext export const AuthProvider children gt const user setUser u
  • 单击react.js 切换列表的背景颜色

    我正在尝试创建一个具有以下功能的列表 悬停时更改列表项的背景颜色 单击时更改列表项的背景颜色 在单击的元素之间切换背景颜色 即列表中只有一个元素可以具有 clicked 属性 我已经执行了 onhover 1 和 2 功能 但无法实现第三个
  • redux thunk 调度后从商店返回承诺

    我正在尝试使用 redux thunk 链接调度 function simple action return type SIMPLE ACTION export function async action return function d
  • React Hook“useSelector”在函数中被调用

    我无法弄清楚 useSelector 发生了什么 我需要一点帮助 ERROR React Hook useSelector 在函数 render user 中调用 该函数既不是 React 函数组件 也不是自定义 React Hook 函数
  • React.JS:类型错误:无法读取 findLoader 处未定义的属性“过滤器”

    我正在按照教程进行工作 https www fullstackreact com articles react tutorial cloning yelp routing https www fullstackreact com artic
  • Azure无法访问React Web应用程序中的env变量

    几年前我看到有一个类似的问题 但超链接答案已被微软关闭 我有一个使用 create react app 创建的 React 应用程序 它已经部署到heroku并加载一些环境变量来访问谷歌地图等 这一切对于heroku来说都工作得很好 我已经
  • 在调试模式下运行 NPX 命令

    我有一些npx create react app命令卡住了 终端上没有显示任何错误 所以 我需要运行npx in 调试模式 有没有办法获得debug登录npx命令来识别问题 edit 我运行的命令 npx create react app
  • React TypeError:x 不是函数

    我在子组件中从父组件调用函数 booksRefresh 但出现错误 类型错误 booksRefresh 不是函数 我不知道为什么 因为 booksRefresh 是一个函数 有人可以帮我解释为什么会出现这个错误吗 这是我的代码 import
  • 使用样式组件更改 SVG 描边的颜色

    我有一个 SVG 用作 img 标签 使用样式组件 我试图达到在悬停时更改描边颜色的程度 我导入了 SVG import BurgerOpenSvg from images burger open svg 我为它创建了一个样式组件 cons

随机推荐