react-redux相关内容

如何在 JSON 响应 react-native 上生成动态 UI

//这里我试图生成动态 UI .通过 API,我得到了一些 JSON 格式的响应,我必须在 UI 上绘制它.就像我没有定义任何“TextInput"一样,它应该动态生成.下面是一些示例 JSON 响应.这可能会因不同的请求而改变.请帮忙,我被困在下面只是一个代码,我不知道该怎么做. import * as React from 'react';import { Text, View, Style ..
发布时间:2021-12-29 11:35:44 前端开发

axios.get() 在向后端发送请求时组合 url.

我通过 axios 调用向后端发送请求,地址栏上的 URL 是“本地主机:3000/topics/5ba06e74dbc" 但在我的浏览器检查器中返回错误 “本地主机:3000/topics/api/topics/5ba06e74dbc 404(未找到)"请求应该是:“本地主机:3000/api/topics/5ba06e74dbc"有谁知道为什么在 api 调用前添加额外的“主题/" ..
发布时间:2021-12-29 11:35:37 其他开发

在 createStore 之前加载数据

我创建了一些 React 文件,其中一个用于初始化 Redux 存储.但是,我确实需要在 store 初始化之前从 json 文件加载一些数据. 我尝试导入加载 json 结构的脚本,然后将其分配给 createStore initialState 值.但是 createStore 在加载和分配数据之前运行. 有没有什么简单的方法可以说“在我的 axios 调用完成之前不要做任何事情" ..
发布时间:2021-12-29 11:35:28 其他开发

反应路由器 4 和 props.history.push

React 中有一些让我发疯的东西,我需要你的帮助.基本上,当用户单击“我的个人资料"时,我想重定向到用户的个人资料.为此,我使用以下代码段 viewProfile = () =>{console.log('我的用户 ID:', this.props.userId);this.props.history.push(`/profile/${this.props.userId}`);} 这应该有效 ..
发布时间:2021-12-29 11:35:03 前端开发

dropwizard 应用程序中的配置更改以使用 react browserHistory

我有一个 react 应用程序在 dropwizard 服务器上运行.bundle.js 在/ui 上提供.当我在/ui 上打开 url 并导航应用程序(并转到/ui/content)时,它工作正常.但是当我尝试刷新像/app/content 这样的特定页面时,它给出了 404. 我了解客户端渲染和服务器端渲染,而且我需要为/ui 执行 GET 调用并在客户端路由其余部分,但我找不到任何相关 ..
发布时间:2021-12-29 11:34:52 Java开发

如何将 .then .catch 转换为 async/await

使用 React/Redux 前端和我自己的 nodejs/express api 处理登录表单/注销按钮.登录表单有问题.大多数时候它工作得很好,但我经常遇到错误.第一个错误是 forbidden,它告诉我用户在发送 userDetails 请求之前没有完全通过身份验证. 然后还有一个 bug,Redux 没有改变用户的角色,我需要动态渲染导航.我认为将 handleLogin 转换为 a ..
发布时间:2021-12-29 11:33:36 前端开发

从 react-js-pagination 获取分页器以显示在页面上

我有一个 React 应用,它是一个购物网站的前端. 我有一个产品页面,我正在尝试将 react-js-pagination 的分页添加到它的底部,这样我就不必一次呈现整个产品列表. 我遵循了 https://www.npmjs 中的分页指南.com/package/react-js-pagination 但我仍然无法显示它(页面的其余部分显示正确). 有人能明白为什么吗? ..
发布时间:2021-12-29 11:33:18 前端开发

Codemirror lint 功能在 React/Redux/Typescript 应用程序中不起作用 react-codemirror

我正在尝试在 React/Redux/TS 应用程序中启用 react-codemirror 组件的 linting 插件.正常的 codemirror 东西工作正常,语法突出显示,行号等.但是,启用 linting 会在左侧为组件的 lint 消息添加额外的填充,但不显示任何消息. 我怀疑是因为 codemirror lint.js 代码没有加载,但我不知道为什么.相关代码片段如下: i ..
发布时间:2021-12-29 11:32:41 前端开发

redux-form:如何在另一个组件上显示表单值

我正在使用 redux-form 6.0.0-rc.5 并且我正在尝试显示用户输入的表单值. 但是,我希望从另一个组件而不是 redux 表单本身显示这些值. 所以,我简化的应用架构应该是这样的: ->(主要组件 - 容器?-)->(连接到表单值并将它们传递下去)->(显示表格值)->(输入表单值) 该组件是一个安装到“form"的 redux-f ..
发布时间:2021-12-29 11:32:35 其他开发

在 react.js 中处理未定义道具的最佳方法是什么?

假设我有一个在页面加载时分派的操作,例如在 index.js 文件中. 示例 store.dispatch(loadData()); 在我的减速器中,我将状态初始化为一个对象.像这样 function myReducer(state = {}, action) 现在我有一些智能组件订阅我的状态,然后将其传递给另一个组件以显示数据.此场景的另一个重要注意事项是数据的检索是异步发生的. ..
发布时间:2021-12-29 11:32:20 前端开发

如何在状态更改时阻止 useQuery 运行?

我正在使用 React Apollo 从我的服务器获取数据.当我的页面加载时,我使用 useQuery 来检索数据.这工作正常.问题是当我对搜索表单进行更改时,这会更新状态,从而导致不必要的重新渲染,从而再次调用服务器. 我只想在页面加载和点击搜索按钮时调用服务器. 使用查询: const { loading: loadingLessons, 错误: 课程错误, 数据: 课程 } = ..
发布时间:2021-12-29 11:31:48 其他开发

React - 从同级组件调用函数

假设我有一个如下的组件树 ...项目 其中 SelectableGroup 能够通过鼠标选择/取消选择它包含的项目.我将当前选择(一组选定项目)存储在 redux 存储中,以便我的应用程序中的所有组件都可以读取它. Content 组件已将 ref 设置为 SelectableGroup,这 ..
发布时间:2021-12-29 11:31:41 其他开发