我有使用 FieldArray 动态呈现的单选按钮组。<FieldArray name="customers"> {({ fields }) => fields.map((name, index) => ( <div key={name} ...
我有使用 FieldArray 动态呈现的单选按钮组。<FieldArray name="customers"> {({ fields }) => fields.map((name, index) => ( <div key={name} ...
我有一个用 react-final-form 创建的表单,里面有一个字段使用功能组件来管理图像文件。 我有父组件内的组件,但我认为这不是一个好习惯,sonarLint 向我发出警告。 我将组件放在父组件之外,但我需要传递一些道具,否则组件将无法正常工作。 在我的内部我无法通过道具,我没有在 reac ...
让沙箱与工作 React 表单数组https://codesandbox.io/s/react-final-form-field-arrays-react-beatiful-dnd-as-drag-drop-forked-uz24z?file=/index.js :5933-6061 其结果是点击 ...
我有一个react-admin Create视图,我想使用ArrayInput显示和填充它,但它似乎忽略了列表的数据。 我试图加载数据 并手动设置源,但ArrayInput似乎对所有向它提供一些数据的努力不感兴趣。 我可以遍历数据数组并渲染TextFields并相应地删除按钮,同时让ArrayInp ...
我正在使用 final-form/react-final-form-arrays 库,有没有一种方法可以按最先出现的最新字段进行排序。 FieldArray 组件的 fields 属性类似于数组,但没有反向 function。 所以每次我添加一个新字段时,例如 fields.push({newOb ...
我正在使用自定义组件来显示文本输入字段,没有什么特别的,只是基本组件 当我出于某种原因尝试在 react-final-form-array 中使用此组件时,我在输入字段上键入时失去了焦点,我想这是因为重新渲染。 这是codesandbox上完整代码的链接如您所见,“名字”工作正常,但“姓氏”在键入时 ...
在 React-Admin 中,我有一个要管理的项目,它看起来有点像这样: 标签作为主项目内的对象列表给出。 我希望能够管理它,但我在编辑视图中的代码是错误的: 这不起作用,因为 ReferenceArrayInput 期望record.tags是标签外键的列表。 它实际上是一个标签列表( ...
我正在尝试根据带有填充内容的初始数据从组创建动态并从组中添加/删除。 不幸的是它不起作用。 预期的行为是, Coutry 下拉列表将加载数据,并使用已正常工作的选定值突出显示。 默认情况下,选定的国家/地区下拉数据应使用初始数据stateCode选定值加载,并且在更改当前不起作用的国家 ...
我正在努力用 ag-grid 创建一个可编辑的网格。 我发现在使用 react-final-form-array 删除行时,同时使用渲染器和编辑器(两者都具有 useField)会产生问题。 请记住,渲染器是单元格的只读/正常状态,而编辑器是编辑视图; 编辑器仅在编辑时呈现。 https:// ...
我有一个场景,我有多个网格,并且在每个网格中可以有多行可以删除。 我想做类似<FieldArray name="document[0]">这样的事情,我可以给网格添加和删除功能,但似乎 fieldarray 只需要单个节点。 有没有办法解决这个问题,还是我做错了什么? 最初我有do ...
我将输入数据发布到 API,其中 API 的结构为具有 n 个对象的数组列表。 问题:我面临的问题是在处理更改时,我正在替换数据而不是作为另一个对象插入。 我的代码如下: 列表中的对象是动态的,不限于两个 在构造函数中-> 处理变更如下: 处理提交: 表单字段如下: 我知 ...
当我与 react-final-form-arrays 连接时,我有动态表单并且 material-ui 的 Autocomplite 组件存在问题,无法获取所选项目值这是表单代码 ...
我正在尝试通过在下面编写 function 来更新 state 形式的值 然后我称之为变异 function 如下所示, 我想使用 mutator function 将 boolean 设置为 true,就像我设置相同(在注释代码中提到)并得到一个错误,如mutate is not a functi ...
我正在尝试根据传递给组件的条件渲染字段,如下所示 ); 而且我不确定上面的代码在哪里做错了, isProjectSystem是传递给这个组件的 boolean 变量我正在使用带有最终表单适配器插件的 React JS 任何人都可以提出任何关于此的想法,将不胜感激。 提前致谢 ...
我很难访问字段数组中的对象以计算字段价格 * 数量 = 总数。 已经为装饰字段尝试了一堆正则表达式,包括field: /invoiceItems\[\d+\]/,从这个 PR 访问和解决方案( https://github.com/final-form/final-form-calculate/拉/ ...
我从 Angular 开始,我很难在表单中设置 FormArray。 总之,我所做的是: 创建2个forms:主(valForm)和另一个动态创建(holidaysForm)。 将第二种形式的值复制到一个数组。 将 Array 的值加载到 FormArray 中。 遵循以下代码: .ts .ht ...
这是一个奇怪的情况。 我简化了一个 react-final-form-array 示例,它允许我向表单添加元素,并且可以扩展对象数组。 它与 react-final-form-arrays 提供的简单示例非常相似。 该数组工作得很好,但我遇到的问题是,当我尝试删除特定元素时,输入中显示的实际值不会改 ...
我有一个用react-final-form制作的多步骤react-final-form ,它使用了FieldArray 。 最终用户可以添加 X 个房间类型,然后根据该数量下一步将生成房间数组。 这是一个现场演示 - 代码沙盒 现在,当涉及到第二步(房间配置)时,我需要在一个正在进行的过程中设置默 ...
我正在使用 React Final Form 构建一个应用程序。 在表单中,用户需要填写基本输入字段并添加问题及其选择。 对于问题和选择,我使用FieldArray功能。 所以,直到这里一切都很好并且工作正常。 但是,我想向此表单添加另一个功能。 如下图所示,这是在FieldArray呈现的 Ca ...
我需要根据用户在表单的第一步中提示的值生成一定数量的字段。 因为我正在做一个带有“向导”类的多步骤表单<Condition />组件不起作用。 基本上我需要访问值(从函数组件内的类中提取它们)以告诉 React 它需要生成的“页面”的数量。 像这样的东西: export defau ...