问题标签 [react-forms]

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 投票
3 回答
163 浏览

angular - 我的 Angular 项目无法加载显示错误相关的内容安全策略

我的代码运行顺利,但在添加反应表单验证后,它在构建项目时在浏览器上显示以下内容。 浏览器错误和控制台

我确信我的代码没有错误。但是,我不知道如何解决它。有没有人可以帮助我找出我的问题并解决它?

0 投票
1 回答
339 浏览

javascript - 反应钩子形式,从减少的数组设置默认值不会填充,但手动输入相同的对象会

我正在使用反应钩子表单,并且我正在尝试设置通过映射数组并输出表单中的输入来输出的表单的默认值。我已将数组简化为这样的对象{name0:"fijs",name1:"3838"...},如果我手动将其传入默认值,它会映射到我的输入并填充它们。但是,如果我从执行 reduce 函数的变量中输入它们,它不会填充它。我认为这是因为在第一次渲染时它是未定义的。我曾尝试使用 useEffect,但没有奏效,所以我被卡住了。

这是我正在处理的代码的一部分

这就是全部

更新:我已经尝试使用从 api 重置的 useEffect,我认为这是解决方案,但仍然没有骰子。

更新:我将表单抽象为它自己的组件,但它仍然不起作用。

表单.js

index.js

0 投票
0 回答
312 浏览

reactjs - 如何在反应中的蚂蚁设计中将状态更改为onFinish

在这里,我正在尝试在表单验证完成后更改我的状态。但我不知道为什么我的状态在 onFinish 函数中没有改变。我的代码:-

我尝试了很多方法来解决这个问题,但最终我失败了。我尝试了 onChange、onClick 等来改变我的状态。但没有任何改变。每次成功变量都显示为假。

0 投票
0 回答
42 浏览

reactjs - 将 Draft.js 集成到后期添加/编辑功能中

我正面临试图采用 Draft.js 文本编辑器在博客网站中添加/编辑帖子的问题。我在我的数据库中使用增量 ID、标题和描述。 -我的数据库是什么样子的-

以前,我使用 React Forms,我的数据库是使用 MySQL 完成的。现在我可以使用我之前的代码提交和编辑主题和描述(我的数据库的键)。

我需要帮助:

  1. 正确使用 convertToRaw 保存在我的数据库中
  2. 了解 EditorState 的工作原理

如果有帮助,我可以发布我以前的代码!谢谢你的时间 :)

该代码是我尝试从 Forms include Draft.js 更改:

PostEdit.js

0 投票
0 回答
30 浏览

reactjs - 如何创建可以导出到 NPM 的 React Form Builder?

不会撒谎,这个让我难住了。因此,我必须构建一个 React 表单构建器,并且我到处寻找任何帮助都无济于事。
• 包是表单包 • 包应该能够提交到端点 • 表单的字段应该是可定制的(圆度、阴影等) • 包应该有 0(零依赖性)
我该怎么做这个 ?我看到了如何导出到 NPM 但我只是构建一个表单然后呢?我知道这里没有代码或任何东西看起来很糟糕,但我真的很难过。如果可以,请提供帮助

0 投票
1 回答
390 浏览

reactjs - 将 react-hook-form Controller 链接到状态值

我正在尝试将 react-hook-form Controller 链接到状态值,但它没有呈现该值。

然后,当我打电话时:

它不会更新 NumberFormat 的值。如何将控制器连接到状态变量?

0 投票
1 回答
82 浏览

javascript - React on conditions 中的多步表单

我在我的反应项目中使用 Material UI 多步表单。我有一个要求,即根据当前选择的选项打开表单的下一步。

例如,如果有两个选项 A 和 B。如果我选​​择选项 A,那么下一步将有与 A 相关的选项,如果我选择选项 B,那么下一步将有与 B 相关的选项。

这就是我的代码根据当前步骤呈现组件的方式:

这是我定义表单步骤的初始函数:

我不确定这是否正确。

您能否根据条件向我建议实现表单组件的正确方法?

提前致谢。

0 投票
1 回答
1004 浏览

reactjs - React formik 表单渲染速度很慢的问题

我正在使用 react formik 表单有更多的 30 个输入字段,当键入时字段渲染速度很慢 print slow and easer 稍微减慢任何提高字段速度的想法。请检查代码框

代码沙盒链接:https ://codesandbox.io/s/goofy-bassi-5s0c9?file=/src/App.js

0 投票
0 回答
357 浏览

reactjs - React formik 在单一表单问题中创建和更新表单

我正在使用我在单个组件中创建的创建表单和更新表单的 React formik。基于 One id 的更新如果更新意味着页面上的 id 将在 post 方法中发送并获取数据数据库,并且数据显示在输入字段中并且更新也可以正常工作。但是在渲染组件中很慢并且会导致很多错误,我希望 useEffect 将在渲染功能之外,并且在键入显示后该字段工作会稍有延迟

任何想法和任何更好的方法谢谢你的帮助

0 投票
1 回答
20 浏览

javascript - React FormData不给出图像

我正在尝试使用图像FormData const data = new FormData(event.target);但是当我data.get("image")得到 null 时,我已经设置在其他组件中加载图像并且我成功地在屏幕上显示图像

Auth.js {!isLogin && <ImageUpload id="image"/>}

ImageUpload