问题标签 [redux-form]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
2776 浏览

file - redux-form 和 elixir/phoenix 作为后端 API 的文件附件(序列化问题)

我的 elixir/phoenix 后端有两个product控制器。第一个 - API 端点(pipe_through :api)和第二个控制器piping through :browser

ProductController处理由 elixir 表单助手生成的表单请求并接受一些文件附件。一切都很好。以下是此操作处理的创建操作和参数:

日志中的参数(我正在使用arc处理长生不老药代码中的图像上传)

Api.ProductController处理来自redux-from 的请求。这里是action、view和params,由这个action处理:

创建操作失败,状态为 422,因为无法使用这些参数保存图像。我的问题是我无法从后端代码访问图像,我只在我的 JS 代码中将它作为 FileList 对象。我不明白如何将图像传递给后端代码。这是这个附件在我的 JS 代码中的表示方式(FileList,包含有关上传图像的信息)。

我只有 WebkitRelativePath(如果第一个控制器我有图像路径:“/tmp/plug-1460/multipart-754282-298907-1”),我不知道我可以用这个 JS 对象做什么以及如何访问由这个 JS 对象表示的真实图像(这里是关于文件上传的redux-form 参考)。

你可以帮帮我吗?如何向elixir解释如何找到图像?我只想使用 JS 代码将文件附件提交到我的后端(因为异步验证等有很多有趣的功能)。

如果有帮助,这里是一个完整应用程序的链接

0 投票
1 回答
1218 浏览

reactjs - React/Redux Redux-Form 预填充表单以进行更新

我正在尝试使用 redux-form 库预填充表单。我现在遇到的问题是能够(也许)item.idItemsorItem组件传递到单击按钮List时。Edit Item这样我就可以对照我的listItems数组检查它并获取它的数据来填充表单。但在此之前,我创建了一个函数populateForm来尝试 redux-form 的dispatch/initializepopulating”表单功能。它按预期工作,除了当我单击Add Item表单时永远不会重置。我基本上需要做两件事。

  1. 获取选择单个项目的逻辑并将其数据填充到表单中,以便对其进行编辑。
  2. 弄清楚为什么表单在点击后不会重置Edit Item

提前致谢。

/components/List.jsx

/components/Items.jsx

/components/Item.jsx

/components/ItemForm.jsx

0 投票
1 回答
2548 浏览

javascript - Redux Form 和 Express 如何处理 POST 请求?

当您使用普通的 HTML 表单并提交 POST 请求时,该请求将被发送到 express post 路由,如下所示:

但是,当您使用 Redux Forms 并向 API 发出 POST 请求时,该请求是否会以同样的方式作为 post 路由中的请求传递?

0 投票
1 回答
7189 浏览

javascript - 如何在 Redux-Form 的提交事件中获取表单值?

我正在使用Redux-Form,并且正在尝试在用户单击提交时获取表单值。

这些是外形道具。如您所见,有提交功能:

  • 提交
  • 提交成功
  • 提交失败

onSubmitSucess并且onSubmitFail永远不会被调用。onSubmit被调用但没有参数

我想要的只是获取表单值,以便我可以将它们发布到 API。

我怎样才能做到这一点?

编辑(代码)

AutoFormInternal.js

AutoForm.js

0 投票
1 回答
1985 浏览

javascript - 提交后清除 Redux-form - 多个单选按钮

也许我走错了路,但我想知道是否有一种简单的方法来重置表单/取消选中所有单选按钮?由于我要呈现的问题数量不定,因此我使用的是动态Redux 表单。我尝试了很多不同的方法,但都没有成功。任何指针将不胜感激。

0 投票
2 回答
1052 浏览

reactjs - 带有 redux-form 的 Redux 开发工具

我正在使用reduxredux devtool 我刚刚尝试过 redux-form: 干得好,用起来很有趣!但是,我猜每次我修改一个字段时,应用程序状态都会改变。redux devtool保存在字段中点击的每个新键。它会大大减慢现场刷新速度!

这是显示应用程序状态更改的 redux devtool 停靠面板: 在此处输入图像描述

这是我将 redux-devtool 链接到我的应用商店的方法:

我想找到一种方法来避免让 redux 开发工具获取 redux-form 更改。欢迎任何更好的解决方案:)

0 投票
1 回答
4069 浏览

redux - 动态生成单选按钮

我有一个 redux 表单,其中包含了一些单选按钮:

一切都很好,但是现在必须从状态动态生成传递类型:

PassTypes":[{"Id":1,"Name":"VIP"},{"Id":2,"Name":"Normal"}]

这不起作用:

我应该如何从一个对象编写一组单选按钮?

我还有一个验证器也需要继续运行:

0 投票
5 回答
9216 浏览

reactjs - redux-form 字段值是否可以保存对象而不仅仅是一个字符串?

redux-form 字段值是否可以保存对象而不仅仅是一个字符串?

考虑以下示例

'SelectQuestion' 接受一系列问题,每个问题都有问题 ID 和问题名称。

一旦用户选择了我想要返回的问题,则返回 QuesionId 和 QuesitonName。如何在 react 中使用 redux-form 来实现

0 投票
2 回答
103 浏览

javascript - 渲染多个独立的 redux-form

我想渲染多个<User/><CustomForm/>它们都是无状态组件。但是,如果我尝试修改其中一个,<CustomForm />其他的<CustomForm/ >也会被修改,因为它们都共享来自商店的相同属性。我怎样才能有多个独立的<CustomForm />

我已经连接了这样的表格:

0 投票
1 回答
733 浏览

reactjs - 使用 redux-form 和 immutablejs 重置表单

我一直在尝试处理 redux-form 和 immutablejs,我认为我已经掌握了大部分内容。但是,我知道我至少错过了一步。并非我希望传递给表单组件的所有道具都被传递给它。例如,formKeyundefined。当我尝试使用this.props.resetForm. 该功能存在,但它似乎没有做任何事情。表单输入保持更改并且pristine为假。这是我的表单和根减速器:

.