问题标签 [mobx-react-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 回答
952 浏览

javascript - mobx-react-forms 的问题

我正在尝试开始使用 mobx-react-forms,但遇到了错误:

这是我的代码:

0 投票
0 回答
621 浏览

javascript - Mobx 反应表单不更新类型属性

我有以下组件:

和:

来自:

console.log 中的类型值更改为文本,但实际输入类型根本没有更新。

0 投票
1 回答
905 浏览

javascript - Mobx 反应表单根据条件在点击时添加字段

我有一个为这样的表单生成字段的函数:

以及将此函数用于表单字段的组件:

我想根据条件在表单中添加一些字段。我尝试了以下方法:

它不会引发错误,但没有任何反应。

add 方法根据文档(https://foxhound87.github.io/mobx-react-form/docs/api-reference/fields-methods.html)获取一个对象。理想情况下,我希望单击事件来触发 add 方法并添加新创建的字段。

0 投票
1 回答
539 浏览

reactjs - 如何在点击时显示来自 Mob-x 商店的数据

我有这个组件:

我想这样做,当有人单击带有值的输入时,检查下面的 div 并使用结果的类名来填充我来自商店的数据:

我试图让 displayInfo 函数使用带有来自 loadash 的地图的对象遍历数组,但它没有工作,它没有显示 div 内的数据,我该怎么做?

0 投票
3 回答
1438 浏览

reactjs - 使用 redux-form 创建自定义样式的 Material UI

使用 Material UI + redux-form 创建自定义样式时,redux-form 中的 Field 元素不会应用自定义类名称。当简单地使用 Material UI 中的 FieldText 时。我已经注释掉了下面无效的代码行。

自定义样式对象正在通过原型上定义的名为“类”的道具应用于反应组件。

0 投票
1 回答
969 浏览

mobx - 如何将 mobx-react-form 与 mobx-state-tree 存储绑定

我有一个包含三个字段 A、B 和 C 的表单。我正在使用mobx-react-form来处理这些字段,因为它带有 onChange 更新和验证。我已经设置好了,当我注销时它工作正常价值观。

我将使用字段 A、B 和 C 中的值来计算将出现在应用程序中的附加值 D 和 E。

对于状态管理,我使用mobx-state-tree来创建商店。

如何将mobx-react-form字段 A、B 和 C 绑定到商店中的相应值,以便它们在更改时更新?

0 投票
1 回答
493 浏览

reactjs - Redux Forms - 忽略没有注册字段的初始值

我有一个从服务器获取的对象,其中包含许多与当前表单无关的字段。我想将整个对象传递给表单上的 initialValues,但是当我提交时,我不希望额外的字段通过。

这是一个简单的表格:

在它的父组件中,它是这样渲染的:

当我提交表单时,我希望值看起来像:

并且不包括额外的other字段。这可能吗?

由于最终用户看不到额外的字段,因此它们不应成为表单最终补丁请求的一部分。我也不希望我的父组件与表单紧密耦合,因此我不想过滤该级别的字段。

0 投票
1 回答
34 浏览

reactjs - 通过删除 map 函数进行一次性 API 调用

我是 ReactJs 的新手,我很难理解下面的变化。提交表单时,以下代码会根据存在的项目数调用 API。

我决定不使用地图功能,而是通过删除地图进行一次调用。

有人可以建议我在这里做的最好的事情是什么。

0 投票
1 回答
279 浏览

javascript - 尝试使用 mobX 替换 setState

试图在反应中替换 setState。在 mobX 中使用 observable 更改 this.info 的值时遇到问题。当我 console.log(e.target.name, e.target.value) 值只返回一个字母。

0 投票
1 回答
424 浏览

javascript - 无法在模型反应中提交表单

我有一个模型文件,我想在其中提交表单,但我无法触发提交功能我的文件就像

当我尝试提交表单时,这里的handleSubmit没有触发。我尝试使用 diff 方法来触发这个提交方法,但直到现在还没有运气。任何形式的帮助将不胜感激。