cost 252 ms
如何将道具传递给 Field 中的组件反应最终形式 - How to pass props to component inside Field react final form

我有一个用 react-final-form 创建的表单,里面有一个字段使用功能组件来管理图像文件。 我有父组件内的组件,但我认为这不是一个好习惯,sonarLint 向我发出警告。 我将组件放在父组件之外,但我需要传递一些道具,否则组件将无法正常工作。 在我的内部我无法通过道具,我没有在 reac ...

如何使用 ArrayInput 在 react-admin 列表视图中填充数据 - How to use ArrayInput to populate data in react-admin list view

我有一个react-admin Create视图,我想使用ArrayInput显示和填充它,但它似乎忽略了列表的数据。 我试图加载数据 并手动设置源,但ArrayInput似乎对所有向它提供一些数据的努力不感兴趣。 我可以遍历数据数组并渲染TextFields并相应地删除按钮,同时让ArrayInp ...

如何颠倒将项目添加到 final-form/react-final-form-arrays 中的字段的顺序,所以最近的是第一个 - How can I reverse the order that items are added to the fields in final-form/react-final-form-arrays so most recent is first

我正在使用 final-form/react-final-form-arrays 库,有没有一种方法可以按最先出现的最新字段进行排序。 FieldArray 组件的 fields 属性类似于数组,但没有反向 function。 所以每次我添加一个新字段时,例如 fields.push({newOb ...

在自定义输入字段 React-Final-Form-Arrays 上键入时失去焦点 - Loosing Focus While Typing On Custom Input Field React-Final-Form-Arrays

我正在使用自定义组件来显示文本输入字段,没有什么特别的,只是基本组件 当我出于某种原因尝试在 react-final-form-array 中使用此组件时,我在输入字段上键入时失去了焦点,我想这是因为重新渲染。 这是codesandbox上完整代码的链接如您所见,“名字”工作正常,但“姓氏”在键入时 ...

我可以使用 ReferenceArrayInput 来编辑对象列表(不仅仅是 ID 列表)吗? - Can I use ReferenceArrayInput to edit a list of objects (not just a list of IDs)?

在 React-Admin 中,我有一个要管理的项目,它看起来有点像这样: 标签作为主项目内的对象列表给出。 我希望能够管理它,但我在编辑视图中的代码是错误的: 这不起作用,因为 ReferenceArrayInput 期望record.tags是标签外键的列表。 它实际上是一个标签列表( ...

Angular 8 FormArray 索引数据未更新 - Angular 8 FormArray index data is not updating

我正在尝试根据带有填充内容的初始数据从组创建动态并从组中添加/删除。 不幸的是它不起作用。 预期的行为是, Coutry 下拉列表将加载数据,并使用已正常工作的选定值突出显示。 默认情况下,选定的国家/地区下拉数据应使用初始数据stateCode选定值加载,并且在更改当前不起作用的国家 ...

ag-grid 和最终形式的问题 - Issues with ag-grid and final-form

我正在努力用 ag-grid 创建一个可编辑的网格。 我发现在使用 react-final-form-array 删除行时,同时使用渲染器和编辑器(两者都具有 useField)会产生问题。 请记住,渲染器是单元格的只读/正常状态,而编辑器是编辑视图; 编辑器仅在编辑时呈现。 https:// ...

在嵌套对象中使用 final-form-array - Using final-form-array in a nested object

我有一个场景,我有多个网格,并且在每个网格中可以有多行可以删除。 我想做类似<FieldArray name="document[0]">这样的事情,我可以给网格添加和删除功能,但似乎 fieldarray 只需要单个节点。 有没有办法解决这个问题,还是我做错了什么? 最初我有do ...

React Forms:如何将输入数据作为具有相同输入名称的列表对象? - React Forms : How to make input data as list objects with same input name?

我将输入数据发布到 API,其中 API 的结构为具有 n 个对象的数组列表。 问题:我面临的问题是在处理更改时,我正在替换数据而不是作为另一个对象插入。 我的代码如下: 列表中的对象是动态的,不限于两个 在构造函数中-> 处理变更如下: 处理提交: 表单字段如下: 我知 ...

使用 mutator react final form 更新表单 state 时出错 - Getting an error while updating form state using mutator react final form

我正在尝试通过在下面编写 function 来更新 state 形式的值 然后我称之为变异 function 如下所示, 我想使用 mutator function 将 boolean 设置为 true,就像我设置相同(在注释代码中提到)并得到一个错误,如mutate is not a functi ...

尝试根据 FieldArray 内部的条件渲染字段反应 JS - trying to render fields on condition based inside FieldArray react JS

我正在尝试根据传递给组件的条件渲染字段,如下所示 ); 而且我不确定上面的代码在哪里做错了, isProjectSystem是传递给这个组件的 boolean 变量我正在使用带有最终表单适配器插件的 React JS 任何人都可以提出任何关于此的想法,将不胜感激。 提前致谢 ...

FormArray 无法在我的反应式表单上打印 - FormArray does not print on my Reactive Form

我从 Angular 开始,我很难在表单中设置 FormArray。 总之,我所做的是: 创建2个forms:主(valForm)和另一个动态创建(holidaysForm)。 将第二种形式的值复制到一个数组。 将 Array 的值加载到 FormArray 中。 遵循以下代码: .ts .ht ...

当使用 react-final-form 从表单数组中删除元素时,显示的值<input>不更新,但最终形式的数据对象会 - when removing element from form array with react-final-form, the displayed value of the <input> does not update, but final-form data object does

这是一个奇怪的情况。 我简化了一个 react-final-form-array 示例,它允许我向表单添加元素,并且可以扩展对象数组。 它与 react-final-form-arrays 提供的简单示例非常相似。 该数组工作得很好,但我遇到的问题是,当我尝试删除特定元素时,输入中显示的实际值不会改 ...

React:使用 FieldArray 方法更改多步表单中的值 - React: change values inside multi step form with FieldArray methods

我有一个用react-final-form制作的多步骤react-final-form ,它使用了FieldArray 。 最终用户可以添加 X 个房间类型,然后根据该数量下一步将生成房间数组。 这是一个现场演示 - 代码沙盒 现在,当涉及到第二步(房间配置)时,我需要在一个正在进行的过程中设置默 ...

单击时验证最终表单数组 - Validating Final Form Array on Click

我正在使用 React Final Form 构建一个应用程序。 在表单中,用户需要填写基本输入字段并添加问题及其选择。 对于问题和选择,我使用FieldArray功能。 所以,直到这里一切都很好并且工作正常。 但是,我想向此表单添加另一个功能。 如下图所示,这是在FieldArray呈现的 Ca ...

React Final Form:根据表单值制定条件 - React Final Form: make conditions according to form values

我需要根据用户在表单的第一步中提示的值生成一定数量的字段。 因为我正在做一个带有“向导”类的多步骤表单&lt;Condition /&gt;组件不起作用。 基本上我需要访问值(从函数组件内的类中提取它们)以告诉 React 它需要生成的“页面”的数量。 像这样的东西: export defau ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM