问题标签 [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.
javascript - mobx-react-forms 的问题
我正在尝试开始使用 mobx-react-forms,但遇到了错误:
这是我的代码:
javascript - Mobx 反应表单不更新类型属性
我有以下组件:
和:
来自:
console.log 中的类型值更改为文本,但实际输入类型根本没有更新。
javascript - Mobx 反应表单根据条件在点击时添加字段
我有一个为这样的表单生成字段的函数:
以及将此函数用于表单字段的组件:
我想根据条件在表单中添加一些字段。我尝试了以下方法:
它不会引发错误,但没有任何反应。
add 方法根据文档(https://foxhound87.github.io/mobx-react-form/docs/api-reference/fields-methods.html)获取一个对象。理想情况下,我希望单击事件来触发 add 方法并添加新创建的字段。
reactjs - 如何在点击时显示来自 Mob-x 商店的数据
我有这个组件:
我想这样做,当有人单击带有值的输入时,检查下面的 div 并使用结果的类名来填充我来自商店的数据:
我试图让 displayInfo 函数使用带有来自 loadash 的地图的对象遍历数组,但它没有工作,它没有显示 div 内的数据,我该怎么做?
reactjs - 使用 redux-form 创建自定义样式的 Material UI
使用 Material UI + redux-form 创建自定义样式时,redux-form 中的 Field 元素不会应用自定义类名称。当简单地使用 Material UI 中的 FieldText 时。我已经注释掉了下面无效的代码行。
自定义样式对象正在通过原型上定义的名为“类”的道具应用于反应组件。
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 绑定到商店中的相应值,以便它们在更改时更新?
reactjs - Redux Forms - 忽略没有注册字段的初始值
我有一个从服务器获取的对象,其中包含许多与当前表单无关的字段。我想将整个对象传递给表单上的 initialValues,但是当我提交时,我不希望额外的字段通过。
这是一个简单的表格:
在它的父组件中,它是这样渲染的:
当我提交表单时,我希望值看起来像:
并且不包括额外的other
字段。这可能吗?
由于最终用户看不到额外的字段,因此它们不应成为表单最终补丁请求的一部分。我也不希望我的父组件与表单紧密耦合,因此我不想过滤该级别的字段。
reactjs - 通过删除 map 函数进行一次性 API 调用
我是 ReactJs 的新手,我很难理解下面的变化。提交表单时,以下代码会根据存在的项目数调用 API。
我决定不使用地图功能,而是通过删除地图进行一次调用。
有人可以建议我在这里做的最好的事情是什么。
javascript - 尝试使用 mobX 替换 setState
试图在反应中替换 setState。在 mobX 中使用 observable 更改 this.info 的值时遇到问题。当我 console.log(e.target.name, e.target.value) 值只返回一个字母。
javascript - 无法在模型反应中提交表单
我有一个模型文件,我想在其中提交表单,但我无法触发提交功能我的文件就像
当我尝试提交表单时,这里的handleSubmit没有触发。我尝试使用 diff 方法来触发这个提交方法,但直到现在还没有运气。任何形式的帮助将不胜感激。